有時設計師會用透明的 PNG 來裝飾網站或 Blog,但 IE 6 對其支援並不是很好,所以就有一些 hack 的方式來幫它擦屁股。ifixpng 則是一個使用上很簡單的 fix png 套件。
套件名稱:ifixpng
套件版本:2.1
作者網站:http://jquery.khurshid.com/ifixpng.php
套件網址:http://plugins.jquery.com/project/ifixpng
發佈日期:2008-04-23
檔案大小:3.79 KB
檔案下載:jquery.ifixpng.js
方法說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 | // 自訂 pixel.gif 圖片的路徑及檔案 $.ifixpng(customPixel); // 啟用 fix png 效果 $(selector).ifixpng(); // 停用 fix png 效果 $(selector).iunfixpng(); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ifixpng.js"></script> <script type="text/javascript"> $(function(){ // 只幫第 2 張圖片加上 fix 的效果 $("img").eq(1).ifixpng(); }); </script> <body> <img src="images/logo.png" /> <img src="images/logo.png" /> </body> |
pixel 圖片: