IE6可以支持8位的png透明图片,只是不支持24位的png透明。
(经测试,IE下也不支持png24透明,也需要加滤镜)
但是有点圆角的图片在png8下有锯齿,非常难看,无奈之下,必须使用png24解决。
处理图片主要有两种情况:
1.img图片
js代码统一处理
var pngImg = $('img.iepngfix'); pngImg.each(function(i, img){ $(img).css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + img.src + '",sizingMethod="noscale");'); img.src = 'http://img.china.alibaba.com/images/common/util/1x1.gif'; });
这里的1x1.gif是一张透明图片
2.背景图(background-image)
css中处理
background-image:none filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.china.alibaba.com/cms/upload/2013/715/475/1574517_1451252140.png',sizingMethod='crop')
必须注意:用png背景图片,不可以进行相关的定位,只能是默认的:background:url() left top;
还有一个重要的问题,用了这段样式,很可能里面的超链接等内容不可以点击,解决这个问题,你可以在套一个div,比方这个div的样式名字为:div.con,然后给.con一个样式:
div.con {position:relative}就可以解决所有的问题了。
参考文档:
相关推荐
ie6中使用png可以实现透明效果的javascript
ie6下图片透明ie6下图片透明ie6下图片透明ie6下图片透明
解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题
IE6 png背景图片透明,在IE6下,让PNG背景图片透明,效果不错,谁用谁知道。
处理png图片在ie6上不透明问题,文件内包含两种处理png透明都问题可以解决改问题,一种是js处理 另一种是htc文件使用处理
IE浏览器,特么IE6,now图片透明度,现在你有救了
网上找的一个老外写的控件,可以在网页上加载图片,并指定一种颜色透明。
1,demo-CSS只是普通的样式,没有实现ie6透明, 2,js-png通过js文件(unitpngfix)实现了透明,但是ie6下bottom属性失效 3,demo-htc通过iepngfix.htc文件实现透明度,同时通过修改html结构得到想要的结果,但存在...
IE6透明解决方案,背景图片透明,background,img等,兼容
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题
解决前端一直头痛的问题:png图片在ie6显示透明效果
ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。
js_IE6支持png透明解决png_ie6下不透明背景图片
实现ie6的png图片透明的2种方法: 一种对于img标签,一种对于css
ie6 png图片透明方法 <head></head> 之间加入如下代码: <!--[if lte IE 6]> [removed][removed] [removed] DD_belatedPNG.fix('div, ul, img, li, input , a ,span'); [removed] <![endif]-->
解决IE6中 PNG图片透明的终极方案-八种方案
IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法
IE6下图片背景透明,包含js文件和适用方法。
让IE6支持透明通道的PNG图片,让IE6支持透明通道的PNG图片,