我在 IE7 中使用两个类,如 class:before和class:after用于圆角目的,但它在 IE7 中不起作用。请你帮助我好吗?
.round:before{backgourn:url(top-bg.png) no.repeat top left;}
.round:after{backgournd:url(btm-bg.png) no.repeat bottom left;}`
我在 IE7 中使用两个类,如 class:before和class:after用于圆角目的,但它在 IE7 中不起作用。请你帮助我好吗?
.round:before{backgourn:url(top-bg.png) no.repeat top left;}
.round:after{backgournd:url(btm-bg.png) no.repeat bottom left;}`
:before
IE7 不支持和:after
伪元素选择器。
有关浏览器支持的更多信息,请参阅此参考。
检查这个:
.selector .before
使用和.selector .after
为 IE7设置样式
.round{
zoom:expression(runtimeStyle.zoom = 1, insertAdjacentHTML('', '<div class="before"></div>'), insertAdjacentHTML('', '<div class="after"></div>'));
}
.round .before{backgourn:url(top-bg.png) no-repeat top left;}
.round .after{backgournd:url(btm-bg.png) no-repeat bottom left;}
使用 :before 和 :after 伪元素在给定元素的内容之前或之后显示文本或图像的方法支持 until : IE8
对于圆角的目的,您可以将PIE.htc用于 IE 版本。 PIE支持 Internet Explorer 6-9,能够使用此PIE.htc文件呈现各种最有用的 CSS3 装饰功能。
这是您的 IE 解决方案的虚拟CSS。
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #EEFF99;
behavior: url(/PIE.htc);
有关PIE的更多详细信息,您可以阅读文章..... http://css3pie.com/
我希望这能帮到您。
这些标签在低于 IE9 中不起作用。为低于 IE9 编写单独的样式。