`
webcelement
  • 浏览: 39092 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

png在IE6中的透明问题

    博客分类:
  • WEB
阅读更多
图片是插在网页中的:        
        
          <!--[if ie 6]>
          <script>
          function correctPNG()
          {
          for(var i=0; i<document.images.length; i++)
          {
          var img = document.images[i];
          var imgName = img.src.toUpperCase();
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
          {
          var imgID = (img.id) ? "id='" + img.id + "' " : "";
          var imgClass = (img.className) ? "class='" + img.className + "' " : "";
          var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
          var imgStyle = "display:inline-block;" + img.style.cssText;
          if (img.align == "left") imgStyle = "float:left;" + imgStyle;
          if (img.align == "right") imgStyle = "float:right;" + imgStyle;
          if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
          var strNewHTML = "<span "+ imgID + imgClass + imgTitle + "style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
          + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');\"></span>";
          img.outerHTML = strNewHTML;
          i = i-1;
          }
          }
          }
          window.attachEvent("onload", correctPNG);
          </script>
          <![endif]-->


若图片是背景:

#img a{
      background:images/text.png;
      _background:none;
      _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="aimages/text.png" ,sizingMethod="crop");
       }
分享到:
评论

相关推荐

    IE6png透明JS

    PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但在IE6中,对于带有Alpha透明度的PNG-24图像,浏览器默认无法正确显示透明效果。这个问题导致了“IE6png透明JS”这...

    PNG在IE6下透明

    在IE6中,PNG的Alpha透明(半透明效果)并不能完美地呈现,导致图像显示不正常。这个问题在后续的IE7和IE8中得到了部分改善,但仍然需要特别处理来确保在这些旧版浏览器中的兼容性。 首先,我们需要了解PNG图像的...

    IE6完美解决PNG背景透明

    PNG是一种支持24位颜色和透明度的高质量图像格式,但在IE6中,其透明特性并未得到良好处理。这个问题在设计界尤为头疼,因为设计师们常常需要用到PNG的透明效果来创建复杂的网页布局和图形。 标题"IE6完美解决PNG...

    png在ie下的透明度问题

    4. **服务器端解决方案**:服务器端脚本如PHP、ASP等,可以将PNG24转换为PNG8,后者在IE6中可以正确显示透明。这种方法需要服务器端的支持。 5. **升级浏览器**:尽管这是最理想的解决方案,但现实情况下,用户可能...

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

    因此,当你在IE6中使用PNG-24格式的图片时,透明部分会显示为完全不透明,即背景色或默认颜色。 为了解决这个问题,我们可以使用一种名为“PNGFix”的JavaScript库,如压缩包中的`js`文件可能就是这样一个解决方案...

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

    PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...

    IE6 PNG 透明处理方法

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

    IE6下PNG透明代码

    描述中的"详情全在里面"提示我们,压缩包中可能包含了一个JavaScript文件,用于解决IE6下的PNG透明问题。这个文件可能使用了如下的技术: 5. **PNG透明修复脚本**:压缩包内的“IE6 PNG处理”脚本可能是一个...

    处理ie6下png格式透明效果

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

    IE6 png背景图片透明

    要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:IE6提供了一个名为`AlphaImageLoader`的滤镜,可以用来处理PNG的透明性。通过在CSS中添加如下代码,可以实现PNG图片的透明效果: ```css...

    完美解决IE6下png透明

    但在IE6中,PNG-8(8位色)的透明效果可以正常显示,而PNG-24(24位色,支持半透明)则会出现问题。 为了解决这个问题,有以下几种常见方法: 1. **CSS滤镜法**:这是最常用的解决方式,利用CSS中的`filter`属性,...

    png图片在ie6透明代码

    本文将深入探讨一种用于解决此问题的技术方案——通过JavaScript脚本实现PNG图片在IE6中的正确透明显示。 #### IE6与PNG透明性问题 PNG(Portable Network Graphics)是一种常用的图片格式,它不仅支持24位色彩,...

    超好用的IE6png透明JS

    PNG是一种无损压缩的位图格式,提供了24位颜色和透明度的支持,但在IE6中,PNG-24格式的图片无法实现真正的透明效果,只有PNG-8格式部分支持,这对于追求高质量和设计感的网页开发者来说是个巨大的挑战。 "超好用的...

    ie6中png透明解决方案 js

    在现代浏览器中,PNG-24格式的图片可以完美展示透明效果,但在IE6中却出现了问题。 解决方案的核心在于使用JavaScript库或特定的CSS hack。其中,一种常见的解决方案是使用James Padolsey的JavaScript库,它通过...

    IE 6 PNG透明通道

    在提供的文件中,"demo.htm"可能是演示如何在IE6中实现PNG透明通道的网页。这个文件可能包含了必要的HTML结构、CSS样式和JavaScript代码,以展示pngfix工具的工作原理。"复件 demo.htm"是该文件的副本,可能是为了...

    js 解决png图片在IE6下透明问题

    PNG格式的图片支持透明度,但在IE6中,PNG-24格式的图片会出现背景透明效果失效的问题,而PNG-8格式则只能支持256色,限制了色彩表现力。这个问题让许多开发者头疼,但JavaScript提供了一些解决方案。 首先,我们...

    处理IE6浏览器显示.png图片透明度文件

    PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...

    IE低版本支持png透明问题

    在这个例子中,`div_bg.png`是具有透明效果的PNG图片,通过滤镜在IE6中实现透明效果。 另一种方法是使用JavaScript库,如PNGFix或DD_belatedPNG,这些库通过JavaScript代码自动处理页面上的PNG图片,使其在IE6中...

    IE 6 下PNG图片实现透明

    而PNG-24则可以显示更多的颜色并具有Alpha通道,能够实现不同程度的透明,但在IE6中默认是不透明的。 解决这个问题的一个常见方法是使用CSS滤镜。IE6特有的CSS滤镜属性可以用来模拟PNG-24的Alpha透明。例如,我们...

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

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

Global site tag (gtag.js) - Google Analytics