css3選擇器基本介紹
/ 12-15
HTML5/CSS3實現(xiàn)的華麗的日期選擇器源碼
6KB / 11-26
css3 偽元素和偽類選擇器詳解
/ 09-04
兩種CSS3偽類選擇器詳細介紹
/ 12-24
CSS3結構性偽類選擇器九種寫法
/ 04-18
CSS3 選擇器 偽類選擇器介紹
/ 01-21
CSS3 選擇器 屬性選擇器介紹
/ 01-21
CSS3 選擇器 基本選擇器介紹
/ 01-21
CSS3 偽類選擇器 nth-child()說明
/ 07-10
讓IE可以變相支持CSS3選擇器
/ 01-21
-
-
基于JS實現(xiàn)拖拽連線流程圖代碼 其它框架 / 296KB
-
ractive.js聯(lián)系表單動畫效果源碼 其它框架 / 70KB
-
vue實現(xiàn)移動端6格驗證碼特效 其它框架 / 44.6KB
-
vue實現(xiàn)表格在線繪制編輯插件 其它框架 / 382KB
-
React實現(xiàn)3D層疊卡片切換動畫特效源碼 其它框架 / 10KB
-
-
Vue.js實現(xiàn)3D Tab菜單特效 其它框架 / 472KB
-
基于React制作計算器實例源碼(有輸入記憶) 其它框架 / 45KB
-
TweenMax實現(xiàn)狗狗骨骼動畫特效 其它框架 / 128KB
詳情介紹
你只需要下載Robert Nyman的DOMAssistant腳本和ie-css3.js并將它們在你的頁面的head標簽中導入,如下:
復制代碼代碼如下:
<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的一些限制
樣式表必須通過<link>標簽引入。頁面級的樣式表或者內(nèi)聯(lián)的樣式表將無效。不過你可以在外部樣式文件中使用@import 導入其它樣式文件;
樣式表文件必須和頁面放在同一個域名下面;
使用file://路徑的樣式文件將由于瀏覽器的安全問題而不起作用;
:not()選擇器尚不支持;
該方法不是動態(tài)的,樣式被應用之后再改變DOM,將會無效。
如何工作的?
ie-css3.js下載頁面的每一個樣式文件并解析它的CSS3偽選擇器。如果一個選擇器被找到,它就會被替換為同名的CSS class。比如: div:nth-child(2) 將會變成 div._iecss-nth-child-2 。然后,Robert Nyman的DOMAssistant用于尋找匹配元素CSS3選擇器的DOM節(jié)點然后將相應的CSS類添加給它。
最終,元素的樣式表會被新的版本替代,然后用CSS3選擇器對相應元素添加對應的樣式。
避免IE的CSS解釋器
根據(jù)W3C的規(guī)定,一個瀏覽器應該無視它不認識的CSS規(guī)則。這就出現(xiàn)一個問題——我們需要利用樣式表文件中的CSS3選擇器,但是IE會將它們丟棄。
為了避免這個問題,每一個樣式文件都會通過XMLHttpRequest下載。這允許該腳本繞開瀏覽器內(nèi)置的CSS解釋器并能夠讀取原始的CSS文件。
下載地址
人氣腳本
相關文章
-
基于JS實現(xiàn)拖拽連線流程圖代碼
JS拖拽連線流程圖代碼,很實用的流程圖網(wǎng)頁代碼,實現(xiàn)代碼也非常簡單易懂,需要的朋友前來下載吧...
-
ractive.js聯(lián)系表單動畫效果源碼
很有創(chuàng)意的發(fā)送郵件、聯(lián)系內(nèi)容等表單,基于ractive.js實現(xiàn)的動畫效果,以發(fā)送信件的方式,喜歡的朋友快來下載吧...
-
vue實現(xiàn)移動端6格驗證碼特效
一個vue手機移動端的6格驗證碼特效,支持自動填充效果,可將發(fā)送驗證碼功能抽離成單獨的組件使用,簡單易用...
-
vue實現(xiàn)表格在線繪制編輯插件
一個vue表格在線繪制編輯的插件,可通過鼠標方式來繪制表格,可配置表頭行、單元格、模板,以及撤銷、還原、刪除、保存等功能,簡單好用...
-
React實現(xiàn)3D層疊卡片切換動畫特效源碼
今天給大家介紹基于React插件制作一個3D視覺效果的CSS3層疊卡片切換動畫,切換的內(nèi)容可以是tab內(nèi)容頁,也可以是圖片,喜歡的朋友快來下載源碼體驗吧...
-
基于Gsap.js實現(xiàn)文字導航條ReactJs選中動畫特效代碼
文字導航條ReactJs選中動畫特效代碼,基于Gsap.js實現(xiàn)的文字導航菜單鼠標懸停背景底色變化效果,喜歡的朋友快來下載體驗吧...
下載聲明
☉ 解壓密碼:www.dbjr.com.cn 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復,謝謝!
☉ 下載本站資源,如果服務器暫不能下載請過一段時間重試!或者多試試幾個下載地址
☉ 如果遇到什么問題,請評論留言,我們定會解決問題,謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學習研究之用,如用于商業(yè)用途,請購買正版。
☉ 本站提供的ie-css3.js 讓IE支持高級CSS3選擇器資源來源互聯(lián)網(wǎng),版權歸該下載資源的合法擁有者所有。