您的足迹:首页 > HTML >让IE6支持PNG格式的图片

让IE6支持PNG格式的图片

用法:

       先复制下面的代码在记事本中,然后另存为pngbehavior.htc(名字可以任意):

让IE6支持PNG格式的图片

用法:

       先复制下面的代码在记事本中,然后另存为pngbehavior.htc(名字可以任意):

<public:componentlightWeight="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 notset to blank
   if (!newRegExp(blankSrc).test(src))
       fixImage();
};

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

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

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

   // testfor 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>


       最后在你的css文件里面加上这么一段代码:

img {
 behavior: url("pngbehavior.htc");
}
一切就好了!!你所有的png图片在ie6下都会被支持了!!

本博客所有文章如无特别注明均为原创。作者:fly复制或转载请以超链接形式注明转自 PHPWinner
原文地址《让IE6支持PNG格式的图片

相关推荐

PHPWinner -洛阳市网站制作,偃师市网站制作

联系我