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的组件,不用怕,也不用去关心那个,如果效果出不来就肯定是你路径的问题了,我为路径折腾了半天。