IE 6 雖然市佔率有往下降了,但很多時候設計網頁都會被要求讓它也能正常。不過 IE 6 對於 CSS 的支援度極差,常見的像是要使用 :hover 的動作都不行,通常都會特別用 JavaScript 來做 hover 的動作。但現在設計者只要用一般的 CSS :hover 的寫法就好,jQuery IE6 hover support plug-in 會自動讓 IE 6 支援我們寫的那些屬性設定的。
套件名稱:jQuery IE6 hover support plug-in
套件版本:1.1.0
作者網站:http://github.com/gilmoreorless/jquery-ie6hover
套件網址:http://plugins.jquery.com/project/ie6hover
發佈日期:2010-08-09
檔案大小:4.55 KB
檔案下載:jquery.ie6hover.js
參數說明:
檢視原始碼 JavaScript
1 2 3 | future(選填) 描述: 若設為 true 時則用 .live() 方式來綁定事件; 否則預設是使用 .bind() 預設值: 無 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 修正 IE 6 不支援 hover 的問題 $.ie6hover(future); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ie6hover.js"></script> <style type="text/css"> ul li:hover { color: red; font-size: 24px; } .txt:hover { background-color: #ffc; } </style> <script type="text/javascript"> $(function(){ // 修正 IE 6 不支援 hover 的問題 $.ie6hover(); }); </script> <body> <ul> <li>我是選項 1</li> <li>我是選項 1</li> </ul> <input type="text" name="" class="txt" /> </body> |
請問 JQ 目前有辦法做到讓 IE6 支援大部分的 css 函式嗎@@?
可以參考其它人提供的方式 http://www.fetchak.com/ie-css3/
Let's kill IE6
http://farm3.static.flickr.com/2454/3765906168_da58f4b9f1_o.gif
快了快了...相信在等個幾年吧XD
男丁老師,png好像會失效ㄝ,無法在ie6呈現出hover效果,使用了jquery.pngFix.pack也一樣,有辦法解決嗎,還是不要用png了
方便弄個簡單的問題範例嗎@@?