IE6 PNG透明问题,用htc组件直接解决

是不是试过了各种JS滤镜什么的方法?也试过了css里加入style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=url)"的方法?是不是觉得不是效果出来就是感觉奇葩和不完美?好了,你可以试试这个了,表示如果效果出不来基本上是路径问题,我折腾路径折腾了半天才出来的效果,非常好用。

1.下载文件包:http://www.twinhelix.com/css/iepngfix/iepngfix.zip

2.解压,取出iepngfix.htc,blank.gif,iepngfix_tilebg.js这3个文件来,然后放到你想放的目录

3.在你的CSS文件或页面的<style>标记中插入:

/* 这里的img,div,input,li什么的,就是你引用了png想把它支持IE6透明的地方 */
img, div, input , li { 
    behavior: url(iepngfix.htc);/*这里的路径要写对哦!*/ 
}

4.用记事本什么的打开iepngfix.htc文件,将其中 IEPNGFix.blankImg = '/images/blank.gif' 的路径改为你那个blank.gif所放的路径

5.在你页面的头部加入js文件的引用: 

<script type="text/javascript" src="iepngfix_tilebg.js"></script> 
<!--注意写对路径哦!-->

 

PS:到这里就结束了,效果是肯定支持的,htc那个文件就是html的组件,不用怕,也不用去关心那个,如果效果出不来就肯定是你路径的问题了,我为路径折腾了半天。

 

 

posted @ 2013-04-03 11:14  后起之秀  阅读(448)  评论(0编辑  收藏  举报