<tr id="2agr7"></tr>

^{<noscript id="2agr7"><th id="2agr7"></th></noscript>}

css 半透明讓IE6支持png圖片半透明解決方法

2024-07-11 08:48:45

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

眾所周知，透明格式的PNG24在IE6透明部分將會被灰色替代。
那么，到底有什么方法可以解決這個bug？

解決方法：
①用PNG8格式圖片替代PNG24格式的圖片
用fireworks導(dǎo)出Alpha模式的PNG8格式的圖片，Alpha模式的PNG8格式圖片支持半透明，在IE6下全透明以及半透明部分會顯示成全透明，并且會存在鋸齒。如果對用戶體驗(yàn)影響不是很大的話，可以考慮一下用這個方法。

②CSS濾鏡
在應(yīng)用了透明PNG圖片的選擇器里面加上一下代碼：
_background: transparent;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/nav.png', sizingMethod='scale');
這種方法的缺點(diǎn)：
(a)只能用于背景圖片是透明的情況下，頁面中的PNG透明圖片無效；
(b)背景圖片無法平鋪，只能拉伸；
(c)導(dǎo)致該區(qū)域內(nèi)的鏈接和按鈕失效；
解決方法：在該區(qū)域外部添加鏈接或者按鈕，再用margin覆蓋到該區(qū)域上面；也可以用position定位實(shí)現(xiàn)。

③jQuery PNG fix插件
相對于前面的方法，jQuery的IE6下png透明插件相對要強(qiáng)大些。插件jquery.pngFix.js下載以及具體使用方法。
由于地址上的是英文，在這里還是簡單翻譯一下吧。
在head內(nèi)部添加：

復(fù)制代碼

上一篇：PNG8格式圖片是不支持半透明等問題深入分析

下一篇：firebug使用方法在IE上使用firebug的技巧圖文介紹