`
wgj830823
  • 浏览: 51253 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

png图片ie6下不透明的解决方法

阅读更多

png图片ie6下不透明的解决方法

在ie7+和ff下默认支持png的透明,ie6里面是没有透明效果的。查了几种方案,备忘
1、采用方案

<input name="image" type="image" 
style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/test.png',sizingMethod='crop'); "/>
既:
<style type="text/css">
<!--
.pngpic { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }
-->
</style>
 2、备选
function fixPng() { 
  var arVersion = navigator.appVersion.split("MSIE") 
  var version = parseFloat(arVersion[1]) 
 
  if ((version &gt;= 5.5 &amp;&amp; version &lt; 7.0) &amp;&amp; (document.body.filters)) { 
    for(var i=0; i<document.images.length;></document.images.length;>      var img = document.images[i]; 
      var imgName = img.src.toUpperCase(); 
      if (imgName.indexOf(".PNG") &gt; 0) { 
        var width = img.width; 
        var height = img.height; 
        var sizingMethod = (img.className.toLowerCase().indexOf("scale") &gt;= 0)? "scale" : "image"; 
        img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')"; 
        img.src="images/blank.gif" mce_src="images/blank.gif"; 
        img.width = width; 
        img.height = height; 
        } 
      } 
    } 
  } 
 
分享到:
评论

相关推荐

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

    本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...

    解决PNG图片在IE6中背景不透明方法

    这篇博文将探讨如何解决这个问题,使PNG图片在IE6中实现背景透明。 首先,我们要理解为什么PNG图片在IE6中会出现透明问题。IE6并不完全支持PNG8和PNG24格式中的Alpha通道,这导致了图片背景无法透明显示。为了解决...

    解决IE6下PNG图片背景色不透明问题的方法

    本文将详细介绍如何解决IE6下的PNG图片背景色不透明问题。 首先,理解问题的原因至关重要。IE6不完全支持PNG8和PNG24这两种PNG格式。特别是PNG24,它包含了24位颜色和一个alpha通道,用于实现半透明效果,但IE6只能...

    解决png格式的图片在IE6下不透明

    3. **图片替换法**:如果项目允许,可以考虑将PNG图片替换为其他在IE6下支持透明的格式,比如GIF。但是,GIF格式只支持二值透明(非透明/全透明),且压缩效率较低,因此在质量和文件大小上可能会有所牺牲。 4. **...

    解决PNG图片在IE6下背景不透明的问题

    总的来说,解决IE6下PNG图片背景不透明的问题需要对CSS滤镜有深入的理解,并且要灵活应对可能出现的各种兼容性问题。在现代浏览器广泛使用的今天,虽然IE6的问题逐渐减少,但了解这些历史遗留问题可以帮助我们更好地...

    jquery 解决png ie6不透明

    通过以上步骤,你就可以使用jQuery成功地解决IE6下PNG图片不透明的问题。这个解决方案虽不能完全消除IE6带来的困扰,但至少能让你的网站在古老的浏览器上看起来更加正常和专业。然而,随着现代浏览器的普及,对于新...

    解决IE6下PNG不透明的JS代码

    本话题将详细讨论如何使用JavaScript来解决IE6下的PNG不透明问题,以及相关的技术原理和代码实现。 首先,我们需要理解问题的根源。IE6不支持PNG-24(包含Alpha通道,用于实现半透明)的透明特性,但支持PNG-8(8位...

    如何解决IE6下png不透明

    标题“如何解决IE6下png不透明”涉及的是一个经典的前端开发问题,主要与Internet Explorer 6(简称IE6)浏览器对PNG图像格式的支持有关。在IE6中,PNG-24格式的图像存在透明度问题,即不能正确显示半透明效果,这对...

    js修复IE不能显示PNG图片透明背景的方法

    ### js修复IE不能显示PNG图片透明背景的方法 #### PNG图片及其特性 PNG(Portable Network Graphics)是一种常用的位图图形格式,以其高效的压缩算法和对透明度的支持而受到广泛青睐。相较于传统的GIF格式,PNG...

    解决ie6下透明图片不透明问题

    标题提到的"解决ie6下透明图片不透明问题"直指一个历史悠久且颇具特色的难题:Internet Explorer 6(简称IE6)对PNG透明度的支持。在IE6之前,GIF格式常用于实现网页上的透明效果,但其色彩有限,而PNG格式则提供了...

    IE 6 下PNG图片实现透明

    以上就是实现IE6下PNG图片透明的几种常见方法。虽然现代浏览器已经不再存在这些问题,但考虑到仍有一部分用户可能还在使用IE6,这些技术对于开发兼容性良好的网站仍然是必要的。在实际应用中,结合条件注释、CSS滤镜...

    解决ie6 PNG透明问题——两种方法都好用哦

    本文将详细介绍两种有效解决IE6下PNG图片透明显示问题的方法。 #### 方法一:使用 CSS Hack ##### 原理 这种方法利用了IE6的一个特性,即它会解析特定的HTML注释,并执行其中的JavaScript代码。通过这种方式,我们...

    ie6下png图片问题

    解决IE6下的PNG图片不透明问题,通常有以下几种方法: 1. 使用CSS滤镜(Filter): IE6特有的CSS滤镜属性可以解决这个问题。例如,对于一个具有PNG透明背景的元素,可以添加如下样式: ```css .png-fix { ...

    ie6下png图片透明方法

    下面我们将详细讨论如何在IE6下使用JavaScript解决PNG图片透明问题。 首先,我们需要理解PNG图片透明的原理。PNG图片支持24位颜色以及8位的alpha通道,也就是所谓的PNG-24格式,它允许图片部分像素具有不同程度的...

    png ie6下无法显示透明效果解决方法

    在探讨“png ie6下无法显示透明效果解决方法”这一主题时,我们首先需要理解问题的背景和原理。Internet Explorer 6(以下简称IE6)作为一款发布于2001年的浏览器,在处理PNG图像的Alpha通道(即透明度)方面存在...

    IE6下完美解决png图片半透明问题

    标题"IE6下完美解决png图片半透明问题"所指的,就是针对这个特定的IE6浏览器与PNG图像的兼容性问题,寻找并应用一种方法来实现PNG图像在IE6中的正常显示,包括其半透明特性。解决这个问题通常涉及到CSS滤镜(Filter...

    IE6下PNG透明代码

    5. **PNG透明修复脚本**:压缩包内的“IE6 PNG处理”脚本可能是一个JavaScript库,如DD_belatedPNG,它通过检测浏览器版本,对IE6下的PNG图片进行特殊处理,使其能够正确显示透明效果。这类脚本通常会分析图片,创建...

    IE6png问题解决方法

    IE6对PNG-8格式的支持基本没有问题,但当涉及到PNG-24格式时,它的Alpha透明通道无法正常工作,导致半透明或全透明的像素呈现为不透明,这严重影响了网页设计的视觉效果,尤其是在需要背景透明或者半透明图像的情况...

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

    2. **IE6的PNG兼容性问题**:由于IE6的浏览器内核不完全支持PNG24,所以导致透明PNG在IE6下显示时会出现“灰边”或背景不透明的问题。这主要是因为IE6使用了名为“AlphaImageLoader”的滤镜来尝试处理透明PNG,但...

    ie6中png透明解决方案 js

    以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...

Global site tag (gtag.js) - Google Analytics