浏览器兼容的一些细碎 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]-->