jsp页面中 .png图片在ie6下透明效果不显示,怎么解决?
2016-02-04 · 百度知道合伙人官方认证企业
说明下,IE6不是不支持png透明,IE6可以支持8位的png透明图片,只是不支持24位的png透明。
html代码:
<img src="" class="png" />
css代码如下:
img.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/1.gif")}
注意这里的1.gif图片是一个新的引入的图片。放入到相应的文件夹里即可。文章的下面的压缩包就是1.gif的图片。
2024-07-20 广告
IE6 PNG背景怎么透明? 在前端设计当中常遇到的问题,也是新手常问到的问题。今天来总结几种方法,解决IE6下PNG图片透明的问题。
一、图片替换
使用GIF或PNG8(索引透明)来代替PNG图片
.png{background:url(image.png); _background:url(image.gif);}
特别说明一下:IE6是支持PNG索引透明的(即要么全透明,要么不透明),但不支持png的 alpha 透明(即半透明)
缺点:GIF图片色彩差了很多,特别是渐变色,有白色虚边。对色彩度要求不高,纯白色可以考虑此方法。
二、CSS滤镜(filter)
使用AlphaImageLoader加载PNG图片
.png{background:url(image.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png' , sizingMethod='scale' ); }
缺点:IE6下背景无法平铺,性能差。而且页面使用filter 滤镜以后会出现这样那样的怪问题。页面中次数不是很多的时候该办法还是可行的。
三、javascript
原理同上,只不过是通过javascript来批量处理
jqery版:请在附件中下载