首頁 »
2011/03/30

PNG在IE6上的解決方案

最近有個案子,需要用到大量的png圖檔,
在我的電腦上看似乎沒什麼問題,
但在同事的電腦上卻大大的有問題,
原因就出在ie.6和ie.7身上......

以我決定找出解決的方法,
在看了很多google的討論後,
這一個方案比較有用,如下:


將下方的js存成一個檔案, 在HTML裡加入連結,它就會去套用CSS的效果,來達成png可以正常顯示了
/* Correctly handle PNG transparency in Win IE 5.5 & 6. Copyright 2007 Ignia, LLC Based in part on code from from http://homepage.ntlworld.com/bobosola. Use in with DEFER keyword wrapped in conditional comments:

*/

function fixPng() {
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5 && version < 7.0) && (document.body.filters)) {
for(var i=0; i var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.indexOf(".PNG") > 0) {
var width = img.width;
var height = img.height;
var sizingMethod = (img.className.toLowerCase().indexOf("scale") >= 0)? "scale" : "image";
img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')";
img.src="images/blank.gif" mce_src="images/blank.gif";
img.width = width;
img.height = height;
}
}
}
}

fixPng();

參考:http://www.cbmland.com/post/376/transparent-png-in-ie6-utility.html

網頁設計 -->找網站銀行

好站推薦:網頁設計

關鍵字: 討論

Dreamweaver 由於錯誤,以下翻譯器沒有被載入←上一篇 │首頁│ 下一篇→flash 「加入我的最愛」會發生沒有使用權限的解決辦法
本文引用網址: