1. 程式人生 > >使用Selectivizr讓IE6~8支持CSS3

使用Selectivizr讓IE6~8支持CSS3

keyword 客戶 query osc pre style ie 9 技術 正在

原文鏈接:http://caibaojian.com/selectivizr.html

之前的兩篇文章中講到了如何讓IE支持css3媒體查詢,這篇文章是主要講的是如何在IE6~IE8中使用css3的選擇器。·

技術分享

Selectivizr是一個JS文件,你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一個,然後再調用Selectivizr,就可以讓IE6/7/8支持CSS3選擇器。

Selectivizr的使用非常的簡單,但是並不能直接使用,在使用前需要先加載下列框架中的任何一個:JQuery、dojo、prototype、Yahoo YUI、DOMAssistant、mootools、NVMatcher。需要註意的是Selectivizr對各個框架的支持程度不一,具體可查看官方網站。 然後在頁面裏引用Selectivizr即可。

//code from http://caibaojian.com/selectivizr.html
<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. 不支持站外樣式調用


來源:前端開發博客

使用Selectivizr讓IE6~8支持CSS3