`
wdanping
  • 浏览: 23609 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

ie6中png图片背景透明问题

阅读更多
1、用GIF图片代替PNG图片
    若图片色彩不多,没有羽化部分可以使用。

2、如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
   .png{
  background: url(/angel.png) no-repeat !important;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
  background:none;
  width:100px;
  height:100px;
   }
  HTML代码:
  <div class="png">
       背景PNG透明
  </div>

值得注意的是:

1、url和src引用图片的路径写法不一样!
                        
2、用png背景图片,不可以进行相关的定位,只能是默认的:background:url() left top;

3、用了这段样式,很可能.content里面的超链接等内容不可以点击,解决这个问题,你可以在div.content里面在套一个div,比方这个div的样式名字为:div.con,然后给.con一个样式:
div.con {position:relative}就可以解决所有的问题了。
分享到:
评论

相关推荐

    IE6完美解决PNG背景透明

    标题"IE6完美解决PNG背景透明"指向的是如何在IE6中正确显示具有透明度的PNG背景图像的方法。DD_belatedPNG是一个JavaScript库,专门用来解决这个兼容性问题。它通过CSS扩展和JavaScript代码,使IE6能够理解并渲染PNG...

    IE6下PNG背景透明的方法

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

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

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

    IE6 png背景图片透明

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

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

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

    解决ie6下png图片背景问题

    在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...

    ie6 火狐 谷歌 png背景透明

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

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

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

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

    PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,对于24位的PNG图片,其背景透明特性无法正确显示,导致图片背景呈现出不透明的黑色或者与页面背景颜色不符,这给网页设计带来了很大的困扰...

    处理ie6下png格式透明效果

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

    IE6png背景图片透明

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

    IE6png透明JS

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

    IE6下PNG透明代码

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

    IE6_PNG透明终极解决办法

    通过上述方法,开发者可以有效地解决在IE6中显示PNG图片时遇到的透明问题。不过,随着现代浏览器的普及,这个问题在新项目中已不再那么突出,但在维护老系统或服务时,仍然需要关注此类兼容性问题。

    ie6中png透明解决方案 js

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

    完美解决IE6下png透明

    然而,通过一些技术手段,我们可以“完美解决IE6下PNG背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...

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

    总结来说,要解决IE6.0下的PNG背景透明和链接点击问题,开发者需要借助特定的JavaScript库(如`ie6-png.js`)和CSS技巧(如`behavior: url(ie6-png.htc)`和`z-index`)。虽然现代浏览器已经不再需要这些技巧,但理解...

Global site tag (gtag.js) - Google Analytics