让PNG格式的透明图片在IE6下正常显示方法

最新推荐文章于 2021-06-17 02:54:42 发布

dhpob48203567

最新推荐文章于 2021-06-17 02:54:42 发布

阅读量76

点赞数

原文链接：http://www.cnblogs.com/cnfiowen/archive/2009/06/23/1509494.html

版权

初学网页设计的朋友可能都会碰到这样的问题，需要在网页插入一透明图片。如果使用Gif格式的透明图片，可能像素低，显示不够清晰。如果用PNG格式透明图片，在IE6下将达不到透明效果，而是灰色的背景。这会让你的网页看上去非常丑陋，任何一个网页设计师都不想出现这样的问题，下面是一个小小的教程，教你如何让PNG格式的透明图片在IE6下同样能够正常显示。

解决方法
首先，为你的图片外套一个DIV层，像这样:

< body > < div class =”flower” ></ div > </ body >

然后，在CSS文件里面写入:

body { background-color : #000 } div.flower { background : url(flower-transparent.png) no-repeat ; height : 100px ; width : 100px }

呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:

<! –[if gte IE 5] > < style type =”text/css” > div.flower { background : none ; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’) ; } </ style > <! [endif]– >

这样，就OK了

转载于:https://www.cnblogs.com/cnfiowen/archive/2009/06/23/1509494.html