通用浏览器显示透明png图片

Posted By: agon,  Published:March 25th, 2008   

弄个png图片,可是在IE6以下不能正常透明显示,有一层浅底(像这样IE6下显示效果),其他浏览器和IE7都能透明显示。网上的方法都是IE显示正常了,而其他浏览器又不显示了,要不就要用js。总算找到一篇blog只用css,各种浏览器都可以正常显示。

<!--css部分: -->
<style>
#logo1 {position:absolute; left:50px; top:26px;height:41px;width:36px;}
/*not for ie 6.0*/
html>body #logo1{background:
url(http://blog.olio.org.ru/wp-content/themes/jeans/images/hp.png)
no-repeat;}
/*for ie 6.0*/
* html #logo1 {filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale,
http://agong.org/wp-content/themes/Jeans/images/hp.png);
background:none;}
</style>
<!--html部分: -->
<html>
<body bgcolor="blue">
<div id="logo1"></div>
</body>
</html>

这样各种浏览器都可以正常显示了。

1条回复

添加你的回复

  1. 并不是所有的png图片都无法在ie6下正常显示,只有那些有半透明效果的才不行

    不过我现在设计,已经不考虑ie6的效果了,实在顾不上,机器上升级到ie7后,想调试都比较困难

你的回复