解决png图片在IE6中不能透明

最新推荐文章于 2024-07-08 20:54:04 发布

shengyongwang

最新推荐文章于 2024-07-08 20:54:04 发布

阅读量2.7k

点赞数

分类专栏： div+css+js 文章标签： ie filter microsoft string firefox div

本文链接：https://blog.csdn.net/shengyongwang/article/details/6261823

版权

div+css+js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

做网站时，少不了要用PNG格式的图片，PNG(Portable Network Graphics)是W3C推荐的网页图片通用格式，但是Microsoft的IE6以下(IE7已经支持)没有把PNG的Alpha 通道打开，造成透明PNG图片的效果出不来。在Firefox、Opera下显示正常的透明PNG图片，在IE下浏览时就会带有灰色背景色。

核心代码CSS： filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )属性：enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被禁止。sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop : 剪切图片以适应对象尺寸。 image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale : 缩放图片以适应对象的尺寸边界。 src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。6 已知问题：解决办法可以通过css滤镜，代码如下：

<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #first { width: 400px; height: 80px; overflow:hidden; background:#FF0000 url(Images/logo_new.png) no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/logo_new.png',sizingMethod='crop'); /* IE6 */ background:Transparent none;/*I#6 该属性如果不写没有效果**/ } </style> </head> <body style="background-color: Highlight;" mce_style="background-color: Highlight;"> <form id="form1" runat="server"> <div style="text-align: center;" mce_style="text-align: center;"> <h1> 解决png图片在IE6下不透明</h1> <div id="first"/> </div> <a href="http://www.baidu.com" mce_href="http://www.baidu.com" style="cursor:hand;" mce_style="cursor:hand;"> <div id="first"> </div></a> </form> </body> </html>

shengyongwang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决png图片在IE6中不能透明

做网站时，少不了要用PNG格式的图片，PNG(Portable Network Graphics)是W3C推荐的网页图片通用格式，但是Microsoft的IE6以下(IE7已经支持)没有把PNG的Alpha 通道打开，造成透明PNG图片的效果出不来。在Firefox、Opera下显示正常的透明PNG图片，在IE下浏览时就会带有灰色背景色。解决办法可以通过css滤镜，代码如下：
复制链接

扫一扫