首页 > 代码库 > 浏览器兼容的一些细碎 hack opacity png图片

浏览器兼容的一些细碎 hack opacity png图片

Hack

ie6: _  eg: _font-family: 

ie7: *  eg: *font-family:

ie8: \9   eg: font-family: "Microsoft Yahei"\9;

opacity

ie: filter: alpha(opacity=50);

safari: -khtml-opacity: 0.5;

moz: -moz-opacity: 0.5;

png图片设置为半透明的时候,处理黑边

将png-24保存为png-8即可

无背景的png图片在ie6下的灰底

使用iepngfix.htc

1、首先下载iepngifx.htc

2、将iepngfix.htc和blank.gif放到网站的文件夹中

3、修改iepngfix.htc中blank.gif的相对于html文件的路径,对应的属性:IEPNGFIX blankIMG, eg:IEPNGFIX blankIMG = "images/blank.gif";

4、在要起作用的元素的css中加这样的代码: behavior : url(css/iepngfix.htc);   url里是文件iepngfix.htc相对于html文件的路径

5、将iepngfix.js引入html中

使用DD belatedPNG.js

1、下载

2、将js文件引入到html中

3、调用函数 DD_belatedPNG.fix();  括号中的参数是要生效的元素,可以是类名,也可以是id,等等。

4、也可以直接在DD_belatedPNG.js文件中,加window.onload=function(){  DD_belatedPNG.fix();   };  实现结构和行为的分离。

以上两种引用,都只在ie6下起作用,我们可以将他们的引入写在<!--[if IE 6]><![endif]-->

 

浏览器兼容的一些细碎 hack opacity png图片