0

我在 IE7 中使用两个类,如 class:beforeclass:after用于圆角目的,但它在 IE7 中不起作用。请你帮助我好吗?

.round:before{backgourn:url(top-bg.png) no.repeat top left;}
.round:after{backgournd:url(btm-bg.png) no.repeat bottom left;}`
4

5 回答 5

4

:beforeIE7 不支持和:after伪元素选择器。

有关浏览器支持的更多信息,请参阅此参考。

于 2012-07-09T07:47:09.213 回答
1

使用这个http://jquery.lukelutman.com/plugins/pseudo/

于 2012-07-09T07:51:34.897 回答
0

检查这个:

http://my.opera.com/SublimeYe/blog/2011/07/01/addiing-before-after-and-other-elements-in-ie-with-expression

.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;}
于 2012-07-09T07:47:34.697 回答
0

使用 :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/

我希望这能帮到您。

于 2012-07-09T11:16:30.067 回答
0

这些标签在低于 IE9 中不起作用。为低于 IE9 编写单独的样式。

于 2012-07-09T08:02:06.077 回答