使用Selectivizr让IE6~8支持CSS3

之前的两篇文章中讲到了如何让IE支持css3媒体查询,这篇文章是主要讲的是如何在IE6~IE8中使用css3的选择器。

logo-selectivizr

Selectivizr是一个JS文件,你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个,然后再调用Selectivizr,就可以让IE6/7/8支持CSS3选择器。

Selectivizr的使用非常的简单,但是并不能直接使用,在使用前需要先加载下列框架中的任何一个:JQuery、dojo、prototype、Yahoo YUI、DOMAssistant、mootools、NVMatcher。需要注意的是Selectivizr对各个框架的支持程度不一,具体可查看官方网站。 然后在页面里引用Selectivizr即可。

<script type="text/javascript" src="[JS library]"></script>
<!--[if lt IE 9]>
    <script type="text/javascript" src="selectivizr-min.js"></script>
< ![endif]-->

Selectivizr需要注意以下几点:

  1. Selectivizr会自动检测最好的JS框架,如果你当前页面中正在使用如JQuery框架,但是它对Selectivizr的支持并不太好,你只需要在页面中再调用另一个(如Mootools)即可。
  2. CSS样式必须使用<link>标签引入,还可以使用@import,但不能在页面里使用<style>来定义。
  3. Selectivizr必须运行在标准模式,所以你要确保你有一个DTD在你的页面顶部。
  4. 如果客户浏览器不支持JS,你只需要使用<noscript></noscript>就可以给它们单独写hack。
  5. 不支持站外样式调用

官方网站:http://selectivizr.com/

原创文章:使用Selectivizr让IE6~8支持CSS3 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/selectivizr.html)
评论已关闭。

“使用Selectivizr让IE6~8支持CSS3”有2个评论

  1. 王东满

    略屌,不过好像还有其他的插件也可以让IE6支持的哦,暂时不记得是啥了,自己收藏的资料太乱。一时找不到。

    登录回复