如何将css3应用于IE8中的伪元素

时间:2012-08-01 08:51:20

标签: css3 internet-explorer-8 internet-explorer-7 pseudo-element

我目前正在开展一个使用这两个库的项目:ie7-jsCSS3 PIE

不幸的是,我无法在IE7和IE8中将CSS3(渐变或边界半径)应用于:before:after之类的伪元素。

有人知道我怎么能做到这一点?

1 个答案:

答案 0 :(得分:4)

IE7不支持:before:after生成的内容,因此使用VML DOM和HTML DOM的组合模拟内容本身,然后使用DHTML过滤器对这些元素应用CSS3模拟使用ie7.js和css3pie进行幕后转换。 IE8确实支持:before:after生成的内容,但具有讽刺意味的是,它打破了CSS3仿真层,因为generated content has no DOM of its own并且没有shadow DOM。使用条件注释仅为IE8创建:before:after内容的副本,将它们置于与IE7中的位置相匹配的位置,然后将css3pie效果应用于它们。