IE下CSS3偽類的支援

標籤：

當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

IE下CSS3偽類的支援