2

に要素を負の位置:beforeに配置しようとしていますが、IE10は頑固で、それらの要素を表示していません。:after<hr>

これが私の例です：http：//jsfiddle.net/Shpigford/HyVMR/

これは、IE10を除くすべてのブラウザーで正常に機能するようです。左右のブロックは表示されません。

で正常に動作しますが、a<div>を使用する<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>

4

1 に答える 1

15

overflow:visible; を試してください。の上<hr>

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

}

于 2012-06-22T10:27:19.943 に答える