`
keimon
  • 浏览: 74836 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

IE兼容-png图片

阅读更多

IE6不支持png格式的透明图片,网上有很多修复此bug的方法,个人感觉IE滤镜方法最为简单。
实例代码如下:
<style>
div{
  width:900px;
  height:400px;
  position:relative;
}
#div2{
  position:absolute;
  left:0;
  top:0;
  background-image: url(2.png)!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='2.png'); /* IE6 */
  _ background-image: none; /* IE6 */
}
</style>
</head>

<body>
<div>
  <img id="img1" src="1.jpg" />
  <div id="div2"></div>
</div>
</body>

0
0
分享到:
评论

相关推荐

    IE6-PNG.zip

    在2001年发布的IE6中,由于浏览器的限制,PNG-24格式的图像无法正确显示透明效果,这在网页设计中是一个常见问题。这个压缩包提供了一个解决方案,即通过JavaScript技术来实现PNG图像在IE6下的透明显示。 描述中...

    ie6-png解决方案2

    总的来说,"ie6-png解决方案2"是一个针对IE6浏览器PNG透明度问题的实用工具集,它帮助开发者在不放弃透明效果的情况下,兼容这个老版本的浏览器。虽然现在IE6的使用率已经非常低,但对于仍需支持的项目,这些解决...

    ie6-png解决方案01

    在IE6浏览器中,PNG格式的透明图片常常会出现显示不正常的问题,这主要是由于IE6对PNG8和PNG24格式的透明支持不足所导致。标题"ie6-png解决方案01"暗示了我们将探讨针对这个问题的解决策略,而描述中提到已经分析并...

    ie6-PNG透明渲染

    在IE6中,PNG-24格式的图像虽然支持alpha透明(即半透明),但默认情况下会显示为不透明,而PNG-8格式则只支持索引透明(即非连续色调的纯色透明)。这种兼容性问题极大地限制了设计师使用PNG图像的灵活性。 描述...

    ie6兼容png透明图片

    ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。

    ie6-png解决方案1

    在IE6浏览器中,PNG格式图像的透明度问题是一大痛点,因为它不完全支持PNG-24格式的透明效果,导致网页设计时遇到困难。不过,这个问题已经有了多种解决方案,我们来详细探讨一下。 首先,IE6对PNG-8格式的支持较好...

    ie 下png 透明图片 兼容解决方案

    在互联网的早期,Internet Explorer(简称IE)浏览器在处理PNG(Portable Network Graphics)格式的透明图片时存在一些兼容性问题,特别是在IE6及以下版本。这些版本的浏览器无法正确显示24位PNG图像的Alpha透明效果...

    IE 6 下PNG图片实现透明

    这些库通过JavaScript动态添加滤镜,同时兼容PNG-8和PNG-24格式。 例如,DD_belatedPNG库的使用方法: 1. 首先,在页面中引入库的JavaScript文件,如`dd_belatedPNG.js`。 2. 然后,使用类名标记需要透明效果的PNG...

    IE6-IE11兼容性问题列表及解决办法.rar

    4. **PNG透明度问题**:IE6对PNG24位图的透明度支持不佳,需要使用特定的CSS技巧(如`filter`属性)或JavaScript库来修复。 5. **DOCTYPE声明**:不同的DOCTYPE会导致浏览器在不同的渲染模式下工作,如quirks mode...

    解决IE6.0下png背景透明及连接不能点击

    在早期的网页设计中,IE6.0浏览器的兼容性问题常常困扰着开发者,其中最典型的两个问题是:PNG图片的背景透明无法正确显示以及带有透明背景的链接无法正常点击。这两个问题在现代浏览器中通常不是问题,但在IE6.0上...

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,...只需将透明png图片命名为*-trans.png 需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器

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

    5. **使用PNG-8**:对于不需要多级透明度的图像,可以考虑将PNG-24转换为PNG-8格式,IE6可以正确显示PNG-8的透明效果,尽管颜色层次会受到限制。 每种方法都有其优缺点,开发者应根据项目需求和目标用户群选择合适...

    PNG图片透明兼容IE6和火狐示例

    3. **IE6的PNG透明性问题**:IE6不完全支持PNG-24的Alpha透明,导致PNG图片的透明部分显示为黑色或不透明。这个问题是由于IE6的CSS滤镜功能不完善引起的。 4. **iepngfix.htc**:这是一款解决IE6 PNG透明问题的解决...

    IE6中觉得PNG格式图片阴影的方法

    这些问题主要源于IE6对PNG-24格式的支持不足,导致图片显示不全或出现异常。 为了解决IE6中的PNG阴影问题,我们可以利用一个名为iepngfix.htc的解决方案。iepngfix.htc 是一个行为(Behavior)文件,它是CSS扩展的...

    IE6浏览器完美兼容PNG图片的BUG(包括背景)

    PNG是一种无损压缩的图像格式,支持透明度效果,但在IE6上,尤其是对于带有Alpha透明通道的PNG-24格式图片,会出现显示不正常的情况,即所谓的"PNG BUG"。 首先,我们要理解PNG图像的透明特性。PNG-8格式支持256色...

    解决ie6下png格式的兼容

    PNG是一种无损压缩的图像格式,提供丰富的颜色层次和透明度支持,但在IE6中,PNG-24格式的图片会出现背景色穿透,透明效果无法正常显示,而PNG-8格式的图片虽然可以显示透明,但颜色表现力受限。 标题“解决ie6下...

    IE6兼容PNG24图片

    ### IE6兼容PNG24图片解决方案 #### 背景介绍 在早期的Web开发过程中,Internet Explorer 6(简称IE6)因其市场份额庞大而备受关注。然而,IE6存在诸多兼容性问题,其中最令人头疼的问题之一就是对PNG24格式图片的...

    完美解决png在ie6兼容问题完整示例

    PNG图像格式在Internet Explorer 6 (IE6)中存在兼容性问题,主要表现为半透明(Alpha)PNG图像显示不正常,出现灰色背景或边框,这严重影响了网页设计的美观和用户体验。为了解决这个问题,开发者通常会利用...

    解决ie6下png图片背景问题

    然而,IE6对PNG-24(包含 alpha 通道的透明效果)的支持极其有限,只能够正确显示PNG-8(不包含 alpha 通道,只有简单的索引透明)。这使得在IE6下使用带有复杂透明效果的PNG图片时,会出现背景显示不全或者黑色块的...

    web透明技巧-IE中的png图片透明

    然而,IE6及更早版本并不完全支持PNG-8和PNG-24的阿尔法通道,导致在这些浏览器中显示PNG图片时可能会出现不透明或错误的透明效果。 为了在IE中实现PNG图片的透明,我们可以采用CSS滤镜(Filter)技术。滤镜是IE...

Global site tag (gtag.js) - Google Analytics