png 透明在跨浏览器中的较好方法
首先,要说的是:png 是种代替 gif 的 Web 格式,支持gif所不支持的半透明效果!
这些请详见:《png 透明跨浏览器解决方案》
至从阅读了《png 透明背景图片无界应用》后,一直采用了 CSS 滤镜定义的该方法。
在网上流传的 javascript 代码也是利用 CSS 滤镜定义使 IE 6 支持 png 透明背景图片,所以这些js代码不是想要的。请见《在IE6中用PNG图片实现半透明效果》。
georgewing 花时间终于找到一个稍为好的一个 Javascript 库: Dean Edwards 的 IE7 PNG Javascript。
http://dean.edwards.name/IE7/
下面是引用来自蓝色论坛的 chinesedream
如何把文件放到你的页:
1,在〈head〉</head>加入下面这段
<!-- compliance patch for microsoft browsers --><!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
2. 把PNG 图片名字存为“你的文件名-trans.png”。文件名字记得一定要有 -trans
例子: img-trans.png, tupian-trans.png, logo-trans.png
在实际工作应用中,看情况而定。
测试的浏览器有 IE 6、IE 7、Firefox 2.0.0.14、Opera 9.25、Safari 3.1.1。
这些请详见:《png 透明跨浏览器解决方案》
至从阅读了《png 透明背景图片无界应用》后,一直采用了 CSS 滤镜定义的该方法。
在网上流传的 javascript 代码也是利用 CSS 滤镜定义使 IE 6 支持 png 透明背景图片,所以这些js代码不是想要的。请见《在IE6中用PNG图片实现半透明效果》。
georgewing 花时间终于找到一个稍为好的一个 Javascript 库: Dean Edwards 的 IE7 PNG Javascript。
http://dean.edwards.name/IE7/
下面是引用来自蓝色论坛的 chinesedream
如何把文件放到你的页:
1,在〈head〉</head>加入下面这段
<!-- compliance patch for microsoft browsers --><!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
2. 把PNG 图片名字存为“你的文件名-trans.png”。文件名字记得一定要有 -trans
例子: img-trans.png, tupian-trans.png, logo-trans.png
在实际工作应用中,看情况而定。
测试的浏览器有 IE 6、IE 7、Firefox 2.0.0.14、Opera 9.25、Safari 3.1.1。