Question

我使用伪元素为<hr>元素设置样式，但Internet Explorer 11不支持它。

这应该是这样的： http://oi57.tinypic.com/23rsio2.jpg

hr { 
    height:1px; 
    background-color:#D1D1D1;
    border:0; margin:30px 90px;
}

hr:after { 
    background:url('../images/hr.png') no-repeat top center; 
    content:""; 
    display:block; 
    height:30px; 
    position:relative; 
    top:-15px; 
}

我希望有人可以帮助我。提前谢谢！

Answer 1

Psuedo-elements作为附加元素的 children 处理。

<hr>
    <psuedo-element-after> image here </psuedo-element-after>
</hr>

这是无效的，因为<hr />不允许孩子。因此，它不会起作用。

考虑将背景图片应用于<hr />本身，或使用类似类的内容来执行此操作，如下所示：<div class="divider"></div>

IE没有显示：在伪元素之后

1 个答案: