天天看點

關于IE6不支援PNG圖檔的解決辦法補充

上個月發表了一篇文章“關于IE6不支援PNG圖檔的解決辦法”,是用JS方法處理的,不過經過實踐證明,這個方法也不是盡善盡美的。具體原因就是它隻能做背景圖檔,而在圖檔上添加諸如click 、hover等的互動效果時就會失效。

經過我進一個星期的時間在網上尋找,詢問後,關于IE6不支援PNG圖檔的問題确實沒有一個非常完美的方法,最後我總結了一個不是辦法的辦法,就在上篇文章的基礎上做一個補充說明。

總體來說上篇文章所運用的JS方法效果是比較不錯的,在運用純背景的情況下是非常理想的,可是大部分圖檔就不能簡簡單單做為背景,這時該怎麼辦呢?

試試這幾種方法,在所運用的圖檔的background屬性裡加入位置屬性position:relative,在需要進行互動效果的地方(一般是a連結)添加位置屬性position:absolute,在看看有沒有發生作用,一般比較簡單的互動效果就可以實作了。

如果你的互動很複雜怎麼辦?那就試試比較笨的辦法,把你的PNG圖檔格式在PS中從24位格式轉換為8位的格式(這也是處理這一問題最簡單易用的方法,不會産生任何浏覽器相容問題,就是有時效果不是很理想)。

如果以上方法均不成功,我想你應該不做任何這方面的努力,讓IE6中保持原樣,然後去宣傳IE6的各種弊端,加速它的淘汰,推薦使用IE7以上或Firefox浏覽器,因為時代是向前發展的,終有一天IE6會退出曆史舞台,符合W3C标準的頁面和浏覽器會站在世界之巅。