弄个png图片,可是在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, /wp-content/themes/Jeans/images/hp.png); background:none;} </style> <!--html部分: --> <html> <body bgcolor="blue"> <div id="logo1"></div> </body> </html>
这样各种浏览器都可以正常显示了。
并不是所有的png图片都无法在ie6下正常显示,只有那些有半透明效果的才不行
不过我现在设计,已经不考虑ie6的效果了,实在顾不上,机器上升级到ie7后,想调试都比较困难