參考文章:PNG在IE6透明的方法、讓IE支持PNG透明的最好用的方法
重點整理
- 如果圖片是用img放在html內,使用css引入ie6png.htc的方式解。但是這方法不知道是我用的時候有問題還怎樣,用不太起來,不過我確實有在別的系統看過這樣的解法,而且好像是連用背景圖都可以這樣解。
- 所以如果同1的狀況,我使用的解法是在頁面導入pngfix.js。參考文章:
PNG in Windows IE: How To Use,裡面有這個js可下載 - 內容圖、背景都可以用的修法是IE PNG fix,不過如果要修不同位置,要調整多個htc。參考文件:IE PNG Fix 2.0 Alpha 4
- 如果是css使用背景圖,在IE6底下可改用fliter,如下
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/test.png’, sizingMethod=’crop’); - 但是在IE6底下用PNG背景會有另外一個問題:如果該元素內有放文字、放超連結,會無法選取,當然連結也無法點選,就好像有個透明的東西蓋住讓你不能按。原因不明,總之在png背景的物件上在加上position:relative;即可