很多人說IE6不支持PNG透明,其實IE支持100%透明的PNG,瘋狂的IE6只是不支持png的Alpha透明。
這個BUG給我們帶來了很大的困擾。
但是這仍然存在很多問題,比如半透明的PNG背景圖片。
Gulu77整理了4種IE6中PNG Alpha透明的方法:
測試實例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_IE6png8/index.html
這里用IE6測試,插入的圖片和背景圖片沒有透明。
第一種方法:AlphaImageLoader 篩選器
微軟給出了一個解決方案:http://support.microsoft.com/kb/294714/zh-cn
使用簡介:在每個標簽樣式中插入 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’image.png’, sizingMethod=’scale’)
注意事項:
AlphaImageLoader難以實現插入圖片<img src=”.png”/>透明
AlphaImageLoader方法用于背景圖片上,實現background-image的效果
AlphaImageLoader IE8不支持
因為IE7支持AlphaImageLoader,避免沖突建議使用CSS hack區分開,只針對IE6使用
測試實例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_AlphaImageLoader/index.html
第二種方法:PNG Transparency in IE
使用簡介:相對來說比較簡潔,使用一段包含濾鏡的JavaScript 就可以模擬圖片或背景 PNG alpha 透明度
注意事項:
根目錄的spacer.gif透明圖片作為png圖片的替換,寫在JavaScript中的spacer.gif路徑根據需要調整
PNGTransparncyinIE方法在背景應用上只能做到background-image的效果, 背景重復坐標調用等暫時實現不了
官方原文:http://codingforums.com/archive/index.php?t-80555.html
測試實例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_PNGTransparncyinIE/index.html
第三種方法:IE PNG Fix v1.0 / 2.0 Alpha 3
這是目前最新版本,今天重點介紹的一個方法。
使用簡介:頁面標簽使用behavior:url(”iepngfix.htc”);來調用外部包含js、css的iepngfix.htc文件
主站蜘蛛池模板:
阿克苏市|
元谋县|
涞水县|
香河县|
滁州市|
九龙坡区|
怀化市|
讷河市|
永宁县|
惠安县|
仁化县|
江北区|
白水县|
泾川县|
万源市|
集贤县|
中超|
新宁县|
通州市|
尚志市|
株洲市|
伊春市|
南乐县|
云南省|
乌海市|
宁津县|
嘉祥县|
明溪县|
安阳县|
浪卡子县|
清苑县|
进贤县|
洪湖市|
乌拉特前旗|
泗阳县|
丁青县|
蒙城县|
锡林浩特市|
乡城县|
琼结县|
德昌县|