ie-css3.js 讓IE支持高級(jí)CSS3選擇器

投訴報(bào)錯(cuò)

腳本大?。?span>12KB
腳本語(yǔ)言：英文軟件
腳本類(lèi)型：國(guó)外軟件
腳本授權(quán)：免費(fèi)軟件
腳本類(lèi)別：其它框架
應(yīng)用平臺(tái)：Windows平臺(tái)
更新時(shí)間：2010-01-21
網(wǎng)友評(píng)分：

360通過(guò) 騰訊通過(guò) 金山通過(guò)

12KB

詳情介紹

用法
你只需要下載Robert Nyman的DOMAssistant腳本和ie-css3.js并將它們?cè)谀愕捻?yè)面的head標(biāo)簽中導(dǎo)入，如下：

復(fù)制代碼代碼如下:
<head>
<script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script>
<script type="text/javascript" src="ie-css3.js"></script>
</head>

支持的選擇器

:nth-child
:nth-last-child
:nth-of-type
:nth-last-of-type
:first-child
:last-child
:only-child
:first-of-type
:last-of-type
:only-of-type
:empty
ie-css3的一些限制

樣式表必須通過(guò)<link>標(biāo)簽引入。頁(yè)面級(jí)的樣式表或者內(nèi)聯(lián)的樣式表將無(wú)效。不過(guò)你可以在外部樣式文件中使用@import 導(dǎo)入其它樣式文件；
樣式表文件必須和頁(yè)面放在同一個(gè)域名下面；
使用file://路徑的樣式文件將由于瀏覽器的安全問(wèn)題而不起作用；
:not()選擇器尚不支持；
該方法不是動(dòng)態(tài)的，樣式被應(yīng)用之后再改變DOM，將會(huì)無(wú)效。
如何工作的?
ie-css3.js下載頁(yè)面的每一個(gè)樣式文件并解析它的CSS3偽選擇器。如果一個(gè)選擇器被找到，它就會(huì)被替換為同名的CSS class。比如： div:nth-child(2) 將會(huì)變成 div._iecss-nth-child-2 。然后，Robert Nyman的DOMAssistant用于尋找匹配元素CSS3選擇器的DOM節(jié)點(diǎn)然后將相應(yīng)的CSS類(lèi)添加給它。

最終，元素的樣式表會(huì)被新的版本替代，然后用CSS3選擇器對(duì)相應(yīng)元素添加對(duì)應(yīng)的樣式。

避免IE的CSS解釋器
根據(jù)W3C的規(guī)定，一個(gè)瀏覽器應(yīng)該無(wú)視它不認(rèn)識(shí)的CSS規(guī)則。這就出現(xiàn)一個(gè)問(wèn)題——我們需要利用樣式表文件中的CSS3選擇器，但是IE會(huì)將它們丟棄。

為了避免這個(gè)問(wèn)題，每一個(gè)樣式文件都會(huì)通過(guò)XMLHttpRequest下載。這允許該腳本繞開(kāi)瀏覽器內(nèi)置的CSS解釋器并能夠讀取原始的CSS文件。

ie-css3 CSS3 選擇器

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】