CSS3与IE兼容性解决方案-优快云博客

本文介绍了一种解决CSS3在IE浏览器中兼容性的方法，通过使用特定的JavaScript库，使得CSS3的选择器能够在包括IE6、7、8在内的旧版IE浏览器中正常工作。该方法无需修改原有CSS代码，只需在页面中引入相应的JavaScript库即可实现。测试结果显示，这种方法在Mac环境下制作的页面，直接在PC端访问也能得到良好的兼容性表现。

当css3.0出现以后，着实让我兴奋了好久，因为出现了很多选择器，我们在也不用靠js做复杂判断了。比如:nth-child，很容易就可以判断奇偶对象 “:nth-child(2n)和:nth-child(2n+1)”

但是IE对css3的严重不支持，实在让我头疼。虽然现在IE9的发布，但是国人还有很多在使用IE6 7 8。

无意间发现了一个js库，虽然不知道原理是什么，但是尝试了一下，发现完全支持IE下的伪类。嘿嘿，拿过来用就好了。

提供下载地址：http://selectivizr.com/

只需要在页面加载jQuery库和网站提供的js库文件，然后css里面直接写伪类选择器，IE就可以实现，很简单的。（我个人比较喜欢用jQuery，当然他还提供对别的库的支持。）

下面是对不同库的不同支持。

值得说明一下。
页面里引用的代码：[JS library]处，加载你的js库，比如 “jquery-1.4.4.min.js”假如Javascript不可用,则在[fallback css]处，加载你的css文件，比如 “simple.css” ,显示简单的效果(无伪类效果).[style css]处,加载你的css文件，比如 “style.css”
伪类必须写在css文件里面,不能写在页面里这里我说的是css3对IE的支持，没有基础的部分，不明白的同学，请百度css3新特性。只有懂的人，自然知道我分享的这个是不是好东西。。经过测试,我是在Mac下做好的页面,直接用pc访问我的Mac,IE 6 7 8 完全支持... 要是直接pc下试用的话,得用本地服务器发布.（还是不好用的同学，请参看网站下面的提示信息。谢谢。）

转载自：站酷网-konia_758

转载于:https://www.cnblogs.com/kevinxue/p/4218053.html