`
feilying
  • 浏览: 7420 次
文章分类
社区版块
存档分类
最新评论

png透明问题

阅读更多

方法1:定义一个样式,给某个div应用这个样式后,div的透明png背景图片自动透明了
注意两处图片的路径写法不一样,icon_home.png图片与html文件在相同目录

.png{
background-image: url(icon_home.png)!important;
background-repeat: no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_home.png');
_background-image: none;
}

 

分享到:
评论

相关推荐

    IE低版本支持png透明问题

    对于“IE低版本支持png透明问题”,这个问题主要涉及到Internet Explorer(IE)浏览器早期版本(如IE6、IE7)对PNG图像格式透明度的支持。PNG是一种高质量的位图格式,其支持alpha通道透明度,但在IE6等旧版本中,对...

    IE6下png透明问题解决的最佳方案.rar

    本文将详细介绍如何解决IE6下的PNG透明问题。 PNG图像格式,特别是PNG-24类型,提供了高质量的图像和阿尔法通道透明度,使得元素可以实现半透明或者部分透明的效果。然而,在IE6中,由于其内核对PNG8(8位色,不...

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

    ### 解决IE6 PNG透明问题的方法 在网页设计与开发领域中,Internet Explorer 6(简称 IE6)因其对部分CSS特性和图像处理的支持不足而成为不少开发者头疼的问题之一,尤其是PNG透明效果的支持。本文将详细介绍两种...

    IE6中PNG透明问题的修复 - 顺便发个 Kill IE 6 的页面

    标题中的“IE6中PNG透明问题的修复”指的是在Internet Explorer 6(简称IE6)浏览器中,PNG图片格式的透明效果无法正常显示的问题。PNG是一种支持透明度的位图格式,但在IE6中,尤其是对于PNG-24格式的图片,透明度...

    IE6png透明JS

    2. **DD_belatedPNG**:这是一个非常著名的JavaScript库,由Dean Edwards开发,专门用于解决IE6下的PNG透明问题。通过添加额外的JavaScript代码,该库可以动态地修改DOM元素,使得PNG-24图像在IE6下表现得像在现代...

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

    2. **JavaScript库**:有一些JavaScript库如DD_belatedPNG或PNGFix专门用于解决IE6的PNG透明问题。它们通过动态创建元素并应用滤镜来模拟透明效果。引入这些库后,只需简单地为需要修复的元素添加特定的类名即可。 ...

    IE 6 PNG透明通道

    1. **CSS滤镜**:IE6支持CSS滤镜属性,可以通过`filter`属性应用特定的滤镜来解决PNG透明问题。例如,`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')`可以...

    IE6完美解决PNG背景透明

    虽然iepngfix.htc在某些情况下可以部分解决PNG透明问题,但确实存在一些局限性,比如无法平铺、定位困难,以及在添加了超链接的PNG图像上,点击区域可能无法正常工作。 DD_belatedPNG的优势在于,它不仅解决了iepng...

    如何实现网页图片png的透明

    另外,还有其他几种方法可以尝试解决IE6的PNG透明问题: - 使用CSS表达式:`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');` 这种方法可能会导致性能下降,...

    网页中PNG图片透明的几种解决方式

    针对IE6的PNG透明问题,可以使用CSS hack来实现兼容性。这种方法主要是通过`filter`属性来应用微软提供的AlphaImageLoader滤镜,以达到透明效果。具体代码如下: ```css .pngs { height: 90px; width: 90px; ...

    IE下png透明插件

    标签中的“IEpng透明浏览器兼容 所有浏览器支持png透明”表明这个插件不仅关注IE浏览器的PNG透明问题,而且可能也考虑到了其他浏览器的兼容性,确保在各种现代浏览器中也能正常工作,提供一致的用户体验。...

    PNG透明全兼容

    可以添加以下代码片段来处理IE6的PNG透明问题: ```javascript if (window.ActiveXObject) { // 检查是否为IE6 var pngImages = document.getElementsByTagName('img'); for (var i = 0; i ; i++) { if ...

    IE6下PNG透明代码

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

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

    总之,要解决IE6中的PNG透明问题,开发者通常需要借助JavaScript库和CSS滤镜。虽然这种方法在技术上可行,但也会带来额外的性能开销,并且只能在IE6中生效。随着现代浏览器的普及,这个问题逐渐变得不再重要,但了解...

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

    4. **iepngfix.htc**:这是一款解决IE6 PNG透明问题的解决方案,它是一种行为(Behavior)文件,使用VML(Vector Markup Language)来模拟PNG的透明效果。通过在CSS中引入`behavior:url(iepngfix.htc)`,可以使得IE6...

    IEpng透明通用代码

    "unitpngfix.js"是一个JavaScript库,专门用于解决IE6中的PNG透明问题。这个脚本通过动态修改CSS样式和利用滤镜(filter)属性来实现PNG图像的透明显示。当这个脚本被引入到网页中时,它会检测页面上的PNG图像,并对...

    超好用的IE6png透明JS

    1. **检测浏览器**:首先,库会检测用户是否使用的是IE6,因为其他浏览器已经解决了PNG透明问题,无需额外处理。 2. **替换图片**:对于需要透明效果的PNG-24图片,库会将其替换为一个带有特定ID的IFrame或一个透明...

    ie6 火狐 谷歌 png背景透明

    1. **IE6与PNG透明问题**:Internet Explorer 6(简称IE6)是微软早期的浏览器版本,它对PNG-24格式的透明支持非常有限,只支持PNG-8的透明,而PNG-24则会显示为全透明或不透明。这给设计师带来了困扰,因为PNG-24...

    解决IE6 PNG图片透明问题

    2. CSS滤镜法:IE6特有的CSS滤镜可以用来解决PNG透明问题。例如,可以添加以下CSS代码: ```css .pngfix { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='你的图片路径.png', sizingMethod='...

Global site tag (gtag.js) - Google Analytics