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,固然他還提供對別的庫的支持。)

下面是對不一樣庫的不一樣支持。css

值得說明一下。
頁面裏引用的代碼:

[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下試用的話,得用本地服務器發佈.(仍是很差用的同窗,請參看網站下面的提示信息。謝謝。)
html

 

轉載自:站酷網-konia_758jquery

相關文章
相關標籤/搜索