:before 及 :after 是 CSS2 中就已經支援的偽類,但 IE 要到 8 才支援。所以若想讓舊版 IE 也要能支援的話,可以引用 jQuery Pseudo Plugin 這套件來讓 IE 無痛的支援。
套件名稱:jQuery Pseudo Plugin
套件版本:1.0
作者網站:http://jquery.lukelutman.com/plugins/pseudo/
套件網址:N/A
發佈日期:2006-06-16
檔案大小:976 Bytes
檔案下載:jquery.pseudo.js
參數選項說明:
檢視原始碼 JavaScript
1 | 無 |
方法說明:
檢視原始碼 JavaScript
1 | 無 |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.pseudo.js"></script> <style type="text/css"> div:before, div{ before: 'foo '; /* jQuery Pseudo Plugin 會利用這屬性來套用到舊版 IE */ content: 'foo '; } div:after, div{ after: ' bar'; /* jQuery Pseudo Plugin 會利用這屬性來套用到舊版 IE */ content: 'bar '; } div:before, div .before{ color: blue; } div:after, div .after{ color: red; } </style> <body> <div>« <a href="http://abgne.tw">男丁格爾's 脫殼玩</a></div> </body> |