`
deng131
  • 浏览: 673548 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6 png背景透明问题

阅读更多
相信在前端开发中大家都会遇到浏览器的兼容性问题,这个问题网上有很多种解决方法,在此记录下我在开发中也遇到问题。
问题原因:具有透明背景的png格式图片在IE6中却不是背景透明的,透明背景部分会显示出#DBEAED的淡灰色,表现效果很糟糕,为了使用透明背景图片只有采用gif格式了,但是gif格式会出现明显的锯齿效果。办法就是使用IE Microsoft.AlphaImageLoader滤镜。

PS:使用DD_belatedPNG解决这个问题。
方法:
<style>
.png{
background: url(xxx.png) no-repeat !important;//IE7,IE7,FF识别
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="xxx.png")//IE6
background:none; //IE6
width:10px;
height:10px;
}
</style>
<div class="png">
    背景PNG透明
<div>

该方法主要使用了IE6的hack方法,IE6下识别 _filter。FF使用 background !important,但是在编写顺序上规则是:FF > IE。

参考:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
http://www.zhangxinxu.com/wordpress/2009/08/ie6%E4%B8%8Bpng%E8%83%8C%E6%99%AF%E4%B8%8D%E9%80%8F%E6%98%8E%E9%97%AE%E9%A2%98%E7%9A%84%E7%BB%BC%E5%90%88%E6%8B%93%E5%B1%95/
http://blog.csdn.net/boral_li/archive/2009/05/03/4144365.aspx
分享到:
评论

相关推荐

    IE6完美解决PNG背景透明

    总结起来,"IE6完美解决PNG背景透明"是一个关于如何使用DD_belatedPNG JavaScript库来解决Internet Explorer 6浏览器对PNG透明度不支持问题的解决方案。这个库通过JavaScript和CSS的结合,使得在IE6下也能呈现出与...

    IE6下PNG背景透明的方法

    以下是关于"IE6下PNG背景透明的方法"的详细解释: 1. **CSS滤镜法**:这是最基础的解决方式,利用CSS中的`filter`属性。对于PNG8格式的图片,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader...

    js_IE6支持png透明解决png_ie6下不透明背景图片

    在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片存在一个众所周知的问题:它不支持24位PNG图像的透明效果。这个问题给网页设计师带来了许多困扰,因为PNG格式的透明特性在其他现代浏览器中是被广泛...

    IE6 png背景图片透明

    在IT领域,尤其是在网页设计和开发中,"IE6 png背景图片透明"是一个经典的问题,因为Internet Explorer 6(简称IE6)对于PNG格式图像的透明处理与其他现代浏览器存在显著差异。PNG是一种流行的图像格式,支持24位...

    IE6不兼容png透明背景解决方法

    在互联网早期,Internet Explorer 6(简称IE6)是广泛使用的浏览器,但它存在许多兼容性问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明背景支持不足。PNG是一种先进的位图格式,提供了24位...

    IE6png透明JS

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题而给开发者带来了困扰。PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但...

    ie6 火狐 谷歌 png背景透明

    标题和描述提到的"ie6 火狐 谷歌 png背景透明",主要涉及到这三种浏览器在处理PNG图像透明度时的问题及解决方案。 1. **IE6与PNG透明问题**:Internet Explorer 6(简称IE6)是微软早期的浏览器版本,它对PNG-24...

    IE6png背景图片透明

    为了解决这个问题,开发者们开发了一些JavaScript解决方案,使得IE6能够支持PNG背景图片的透明显示。 一、PNG格式与透明性 PNG(Portable Network Graphics)是一种无损压缩的图像文件格式,支持透明度和丰富的色彩...

    IE6中 PNG 背景透明的最佳解决方案

    为了解决这个问题,开发者们提出了多种解决方案,使得在IE6中也能实现PNG背景透明。 首先,我们需要理解问题的根源。IE6对PNG-8格式的支持相对较好,但对PNG-24格式的透明性支持不佳,它只会显示图片而不处理透明度...

    IE6下PNG背景透明的方法.rar

    IE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rar

    完美解决IE6下png透明

    在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。...

    解决IE6 PNG图片透明问题

    本文将深入探讨如何解决IE6中的PNG图片透明问题,并提供相应的解决方案。 首先,我们需要理解问题的本质。PNG8格式支持索引色和简单的全局透明,而PNG24则支持真彩色和全透明。在IE6中,PNG24的Alpha透明通道无法...

    解决ie6下png图片背景问题

    这使得在IE6下使用带有复杂透明效果的PNG图片时,会出现背景显示不全或者黑色块的问题。 为了解决这个问题,我们可以采取以下策略: 1. **CSS Hack**:通过特定的CSS选择器或者属性值来针对IE6进行特殊处理。例如...

    处理ie6下png格式透明效果

    PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...

    IE6 PNG 透明处理方法

    在IE6中,PNG图像格式的透明度支持并不完善,导致许多设计师在创建具有半透明或背景透明效果的网页时遇到困难。这篇博文和相关文件提供了针对这个问题的解决方案。 PNG是一种流行且广泛使用的图像格式,它支持24位...

    IE6下PNG透明代码

    2. **IE6的PNG透明问题**:IE6不支持PNG24的阿尔法透明,导致图片背景显示为黑色或不透明。对于PNG8,只有256色以下的颜色和单色透明可以正常显示,复杂的透明效果无法实现。 3. **JavaScript解决方案**:为了克服...

    IE6下PNG背景透明的方法(基于iepngfix.htc).zip

    这个.zip压缩包文件包含了实现IE6下PNG背景透明的方法,基于的就是iepngfix.htc这一技术。 首先,我们需要理解PNG图像格式。PNG(Portable Network Graphics)是一种无损压缩的位图图像格式,支持透明度和 Alpha ...

Global site tag (gtag.js) - Google Analytics