最近做的网站布局都是用DIV+CSS写的,,IE6对PNG图片支持不太好,,使用空白区域就成了灰色的了,,很郁闷,,都是搞成两张图片来处理,,最近在看百度空间,,有人写出了这个我来贴上,,完全是拿来主义,,做个记录下次做网站的时候 使用,,
将下面的代码存成一个IE6pngBUG.htc的文件

Code
<public:component lightWeight="true">
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/>
<public:attach event="onafterprint" onevent="afterPrint()" for="window"/>
<script>


var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
navigator.platform == "Win32";

var realSrc;
var blankSrc = "blank.gif";
var isPrinting = false;

if (supported) fixImage();


function propertyChanged()
{
if (!supported || isPrinting) return;

var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if (!new RegExp(blankSrc).test(src))
fixImage();
};


function fixImage()
{
// get src
var src = element.src;

// check for real change

if (src == realSrc && /\.png$/i.test(src))
{
element.src = blankSrc;
return;
}


if ( ! new RegExp(blankSrc).test(src))
{
// backup old src
realSrc = src;
}

// test for png

if (/\.png$/i.test(realSrc))
{
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}

else
{
// remove filter
element.runtimeStyle.filter = "";
}
}


function beforePrint()
{
isPrinting = true;
element.src = realSrc;
element.runtimeStyle.filter = "";
realSrc = null;
}


function afterPrint()
{
isPrinting = false;
fixImage();
}

</script>
</public:component>
在样式里面引用如此
img { behavior: url("IE6pngBUG.htc");}
你再用IE6看,可以支持png了,,
在网上复制的,,做个记录。
将下面的代码存成一个IE6pngBUG.htc的文件
























































































img { behavior: url("IE6pngBUG.htc");}
你再用IE6看,可以支持png了,,
在网上复制的,,做个记录。