好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3ie兼容

在现代网页制作中,CSS3已经成为了必不可少的技术之一。然而,由于CSS3的一些新特性得不到一些较老的浏览器的支持,因此我们需要使用一些技巧来实现CSS3在IE中的兼容。

为了让CSS3的新特性在IE中得到支持,我们需要使用一些hack来实现。下面是一些常用的方法:

/* IE6-9 */
.selector {
color: red; /* Standard */
color: #f00\9; /* IE6-9 hack */
*color: #00f; /* IE6-7 hack */
_color: #0f0; /* IE6 hack */
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.selector {
/* IE10+ CSS here */
}
}

在上述代码中,我们使用了不同的hack方式来实现不同版本IE浏览器中CSS3的新特性兼容。其中,我们使用了“\9”、“*”、“_”等符号来实现IE6-9浏览器中的兼容。

此外,在IE10以上版本中,由于IE已经开始支持CSS3的新特性,我们需要使用@media规则来控制IE浏览器下的CSS样式,以实现其兼容性。

总之,为了实现CSS3在IE浏览器中的兼容,我们需要综合使用不同的hack技巧和@media规则,以实现最佳的兼容性体验。

查看更多关于css3ie兼容的详细内容...

  阅读:45次

上一篇: css3filter图像

下一篇:css3兼容视频教程