html - IE10 上的伪元素负定位不起作用

Question

我试图在 a 上否定定位:before和:after伪元素<hr>，但 IE10 很顽固，只是没有显示这些元素。

这是我的例子：http: //jsfiddle.net/Shpigford/HyVMR/

这似乎在除 IE10 之外的所有浏览器中都可以正常工作。它不显示左右块。

它适用于 a <div>，但使用 a<hr>会导致左侧伪元素根本不显示

CSS：

hr {
    background:red;
    margin:0 150px;
    height:50px;
    position:relative;
}
hr:before {
    content: '';
    position:absolute;
    height:50px;
    left:-150px;
    width:150px;
    background:green;
}
hr:after {
    content: '';
    position:absolute;
    height:50px;
    right:-150px;
    width:150px;
    background:blue;
}

​</p>

Answer 1

尝试溢出：可见；上<hr>

hr {
background:red;
margin:0 150px;
height:50px;
position:relative;
overflow:visible;

}