`

IE6下png透明问题解决的最佳方案

 
阅读更多

本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。

最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。
这种方法已经有很多人介绍过了,但是因为页面是英文,很少有人翻译,也就很少人会去使用。

下面就详细介绍下这种方法:

此方法本身的demo地址:http://www.twinhelix.com/css/iepngfix/demo/
(说过了是全英文的,不要着急哦)

可解决:
1、页面中使用<img>标签加入的png透明图像
2、css中使用background加入的png透明背景(支持多种版本)
3、某些版本的background的png透明,需要在当前页添加一个js解决

下载文件包

1、下载后,解压出来,会有很多文件,其中我们需要用到的有3个文件:
iepngfix.htc,blank.gif,iepngfix_tilebg.js

2、你可以把他们分别传到相应的css,js和images目录中,当然,也可以建立新的文件夹,比如名为:iepng的文件夹,把他们传到其中

3、
添加第一句代码,这是在html文件中添加的格式,不要忘记修改htc文件的路径,如果怕出错,直接使用相对根目录的路径,比如/iepng/iepngfix.htc,这样一般不会出错,当然你也可以把behavior: url(iepngfix.htc)这句添加到你的reset.css文件中去

<style type="text/css">
img, div { behavior: url(iepngfix.htc); }
</style>

4、使用记事本,或类似的工具打开
iepngfix.htc文件,将其中blankImg的文件路径替换成你自己的,比如/iepng/blank.gif,根据自己的实际情况。

IEPNGFix.blankImg = '/images/blank.gif';

5、将下面这句js调用代码加到需要页面的<head>中去(此步不是必须的,如果你的head部分的include统一调用的,推荐一定加上这句)

<script type="text/javascript" src="iepngfix_tilebg.js"></script>

经过以上步骤,基本可以实现IE下png的透明效果了

至少我现在没发现什么问题,如果有出现问题,欢迎一起讨论下,记得跟我说下哦,谢谢啦!

转载:http://blog.sina.com.cn/s/blog_62a8de7a0100ksh2.html

转载

分享到:
评论

相关推荐

    IE6下png透明问题解决的最佳方案.rar

    IE6下png透明问题解决的最佳方案,本人亲自测试过,可以使用,稳定

    IE6中 PNG 背景透明的最佳解决方案

    IE6中 PNG 背景透明的最佳解决方案 兼容IE6和Firefox的PNG背景透明CSS代码 IE6下png背景不透明问题的综合拓展

    ie6下png透明图片显示不正常之最好的3种解决方案

    ie6下png透明图片显示不正常的解决办法,收藏版!

    IE6下Png透明最佳解决方案DD_belatedPNG

    是否有一种方法能解决全站的ie6下png透明问题呢。 搜遍谷歌,发现了一个最完美的解决方案:DD_belatedPNG(点解连接 查看官方). 原理 这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的...

    DD_belatedPNG.js下载,解决IE6下的PNG的透明问题

    摘要:脚本资源,Ajax/JavaScript,DD_belatedPNG.js DD_belatedPNG.js是为了解决IE6下...在众多的ie6下png透明问题上,DD_belatedPNG是最好的解决方案。  使用方法:  !--[if IE 6]script src=DD_belatedPNG.jsscrip

    解决IE6的PNG透明JS插件使用介绍

    IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。 虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺。 DD_...

    CSS 避免使用滤镜

    这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现...完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替,这种格式能在IE中很好地工作。如果你确实需要使用AlphaImageLoader,请使用下划线_filter又

    Microdraw图形控件开发版本-试用版

    1. 支持的文件格式包括:BMP、GIF、ICO、TGA、PCX、WBMP、WMF、JPEG、PNG、MNG、TIFF、JBIG、PNM,PPM,PGM、RAS,DXF ,DWF(4.0-6.0)、DWG(2.5-2014) 、IGS, PDF、MIF,PLT,PRN,HPGL/HPGL2、DGN, SHP,CGM;...

    优影文件整理工具_下载店数据整理

    说明:用于批量添加 图片 bmp gif jpg tjff png 格式的水印,对GIF动画文件添加水印后动画会丢失,对于PNG文件透明层也有可能会丢失。加水印后图片尺寸不会改变。 操作前准备:无需准备 操作步骤:设置好要添加的...

Global site tag (gtag.js) - Google Analytics