IE6 透明PNG图片BUG解决办法
来源:互联网 发布:自动记账软件 编辑:程序博客网 时间:2024/05/18 17:03
png透明针对IE6一直是件挺麻烦的事情,使用的方法也是各有不同,大多的原理是用IE的滤镜来解决的。
语法:
filter : progid:DXImageTransf orm.Micros oft.AlphaI mageLoader ( enabled=bE nabled , sizingMeth od=sSize , src=sURL ) enabled : 可选项。布尔值(Boolean)。设置或 检索滤镜是否激活。t rue | false true : 默认值。滤镜激活。
false : 滤镜被禁止。
sizingMethod : 可选项。字符串(String)。设置或检 索滤镜作用的对象的图 片在对象容器边界内的 显示方式。 crop : 剪切图片以适应对象尺 寸。
image : 默认值。增大或减小对象的尺寸边界以适应图 片的尺寸。scale : 缩放图片以适应对象的 尺寸边界。
src : 必选项。字符串(String)。使用绝对 或相对 url 地址指定背景图像。假 如忽略此参数,滤镜将 不会作用。
现在一般在使用的方法有一下几种:
1、css方法
css:.pngs {
height: 90px;width: 90px;
background-image:url (icon_home .png)!impo rtant; /* FF IE7 */
background-repeat: no-repeat; _filter: progid:DXI mageTransf orm.Micros oft.AlphaI mageLoader (src=’icon _home.png’ ); /* IE6 */
_ background-image: none; /* IE6 */
}xhtml:
这种方法的优点就是使用简单方便,但是不能作为背景,且只能用作单个png图片的使用。如果要作为背景,需要新增加一个div层,并设置其position:relative;
css
.png div{position:relativ e;} xhml:
CSS 背景PNG透明 及 链接失效问题解决
这种方法可以使用在那些png图片不多,且不需要repeat的情况下。
2、js方法
< language=”JavaScript ”>
function correctPNG() // correctly handle PNG transparen cy in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion .split(“MS IE”)
var version = parseFloat(arVersion [1])
if ((version >= 5.5) && (document.body.filte rs))
{
for(var j=0; j
这种js先判断是否IE,然后判断ie版本,版本在6.0下则判定函数,给png的图片添加滤镜。
使用起来的确方便,无论多少图片都可以解决,但是依然无法repeat。
3、htc方法
htc相当于完全通过插件的方法修复的IE6的bug,功能强大,支持repeat,背景等功能,使用起来也很方便。
使用一个iepngfix.htc 文件,和一个透明的gif文件。
使用方法:
//在这里可以加入其他用到png图片的i d或者class
< type=”text/javascrip t” src=”jscss /iepngfix_ tilebg.js” >
ps:如果需要repeat背景,往往需要设置这个div 宽度为100%。
使用见:http://qqgame.qq.com/act/a20091210prize4/index.htm ,在其中有iepngfix.htc可下载。
总结这几种方法,第三种方法是最简单使用,且容易推广的方法,建议可以做个公共的地址,有产品需要,只需要应用这个公共地址就行了。
- IE6 透明PNG图片BUG解决办法
- IE6下PNG图片透明解决办法
- ie6 png图片透明
- IE6中的PNG图片透明的一般解决办法
- PNG图片在IE6不会透明的解决办法
- IE6实现PNG图片透明
- IE6 支持PNG图片透明
- ie6下PNG图片透明
- png图片ie6下背景透明
- ie6处理png透明图片问题
- IE6 下的PNG透明图片
- 解决IE6下透明PNG图片有灰底
- IE6下PNG插入图片透明
- IE6下显示透明的PNG图片
- IE6不支持PNG透明图片的解决方案
- png图片在ie6下透明效果
- 令ie6下PNG图片显示透明
- IE6 PNG图片透明的问题
- Aptana 如何修改新建的 HTML页面
- Office中同音字修改
- poj 百练2734(基础题)
- DIV 层被FLASH遮挡了,怎么调整?
- flash透明
- IE6 透明PNG图片BUG解决办法
- 网页转换时的过渡效果
- 百度面试
- 好乐买总裁李树斌:10亿,突破技术瓶颈
- js 取表格中的任意列值
- 防止空连接 “#“ 返回到页面顶端的5种方法
- 关于X-UA-Compatible
- 隐藏button或submit中value的值
- 为Calendar1添加图片