让IE6支持png半透明图片(支持背景平铺、定位)

时间:2013-07-15 09:25:35
【文件属性】:

文件名称:让IE6支持png半透明图片(支持背景平铺、定位)

文件大小:21KB

文件格式:RAR

更新时间:2013-07-15 09:25:35

IE6、png、半透明、背景平铺、定位

这里简单说一下使用方法和注意事项: 1. 把 iepngfix.htc 和 blank.gif 复制到网站相应的目录下(目录由自己决定) 2. 然后要在页面的头部信息中调用 iepngfix.htc 文件,像这样: 这里的 img 和 div 是你想要应用透明效果的元素,同样,你可以这样写: 3 到这里要注意两个文件的路径,一个是我们引用的 iepngfix.htc 文件,另一个是 iepngfix.htc 文件中 blank.gif 的路径,要根据你自己网站的目录结构来调整。 4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: 5. 完成 注:可以使用if条件注释语句,使这些文件只在ie6激活,以便在其他浏览器下加快加载速度。 IE条件注释方式 注意两个特殊的语法: gt: 大于 lte: 小于或等于 !IE 感叹号的使用


【文件预览】:
PNGinIE6
----blank.gif(49B)
----iepngfix.htc(5KB)
----pngInIE6.html(2KB)
----iepngfix_tilebg.js(4KB)
----png.png(16KB)

网友评论

  • 可以同时放在image文件夹下么?
  • 解决了一部分问题
  • 很好用,谢
  • 找了好久终于找到了,可以实现IE6图片透明显示
  • 可用,谢谢版主
  • 还可以吧。。能用
  • 这个不错,可惜现在已经打算全面放弃ie6了,甚至ie7都不打算去兼容了
  • en,很好用!
  • 不错,解决啦IE6下透明图片不兼容问题
  • 可用,谢谢版主
  • 相当给力,可用,谢谢版主
  • 唉,还是没解决我的问题。
  • 兼容性真是害死人,希望能多些这种东西。
  • 效果没问题,就是卡
  • 非常是不错解决了我的大麻烦
  • 按照说明,在IE6如果只引用JS的话,背景定位还是有问题啊
  • 这个不错,解决了IE6下,透明图片不兼容的问题,但是如果在JS代码同时存在的时候无效
  • 很给力,还有一种情况不能实现 <div class="hover2"><a href=""></a></div> .hover2{ width:27px; height:27px;} .hover2 a{ width:27px; height:27px; background:url(en1.png) no-repeat;display:block;} .hover2 a:hover{ width:27px; height:27px; background:url(en2.png) no-repeat;d