首页 > 代码库 > 浏览器兼容的一些细碎 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图片