浏览器
双核浏览器
游戏浏览器
高速浏览器
视频浏览器
IE浏览器
浏览器周边
手机浏览器
安卓游戏
音乐舞蹈
养成游戏
儿童游戏
仙侠手游
角色扮演
策略塔防
休闲益智
动作冒险
飞行射击
模拟经营
体育运动
赛车竞速
网络游戏
安卓软件
资讯阅读
生活服务
影音播放
购物理财
效率办公
趣味娱乐
交通出行
学习教育
摄影图像
在线音乐
系统工具
网络购物
聊天工具
安全杀毒
图片编辑
新闻资讯
软件资讯
游戏资讯
手机教程
手游攻略
游戏攻略
软件教程
IE专区
安卓专题
文章合集
电脑软件专题
安全软件
杀毒软件
系统安全
加密解密
防火墙
远程控制
木马查杀
影音软件
网络电视
视频播放
音乐播放
视频制作
音频编辑
录音录像
教育学习
外语学习
教育管理
早教启蒙
在线课堂
成人教育
资格考试
聊天社交
即时通讯
视频聊天
在线交友
变声器
表情包
办公软件
线上会议
文档管理
行业管理
考勤打卡
应用工具
输入法
下载工具
时钟日历
记事本
文件管理
计算器
编程开发
编程工具
JAVA相关
加壳脱壳
编程控件
数据库
网页源码
软件开发
补丁制作
系统美化
桌面制作
壁纸大全
系统主题
屏幕保护
桌面辅助
系统软件
系统优化
备份还原
系统检测
U盘工具
磁盘工具
驱动补丁
图文处理
图片素材
图像处理
图片制作
图片压缩
电子相册
抓图工具
其他软件
电子书籍
模拟器
辅助工具
交通出行
手机管理
其他工具
素材下载
字体素材
PPT素材
专区
文章合集
软件
游戏
浏览器
安卓专题
软件
游戏
浏览器
IEfans/ IE专区/ IE动态 /使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题

使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题

2023-06-26 17:30:02 编辑:匿名

IE6何时才能成为过去?

这个问题困扰开发人员太久了,尽管IE8早已推出了好多年,然而xp上绑定的浏览器依然还是IE6,xp作为微软使用时间最长的系统,其在中国影响力无疑是极其巨大。因此,ie6虽然有这样那样的bug,尽管比好用得多的浏览器层出不穷,但并非所有用户都善于更新,并非所有的机器都是连上了互联网,因此升级成了一大难题,尤其是国家机关、政府行业、国有企业的内网用户,IE6的存在率依然在90%以上。这个数据并不夸张。

给他们做项目,就得时刻考到IE6的兼容性,我并不擅长css,但好歹被困扰了多次,有了些经验了,但新问题总是层出不穷,这不,关于图片是否透明的问题,跟IE6又有关系了。先说说png和jpg的区别吧。

png是美工很喜欢的图片格式,压缩率小,支持透明,图片很小对网络资源占用率小。
jpg不支持透明,一般来说比较大,在图片存储,照片和素材收集方面使用的更多些,不太适合大规模的使用在网络传输上。
圆角:美工为了把图片弄成圆角,就把周围的几个角弄成透明的,这样看起来毫无破绽。

IE7、IE8下不成问题,IE6开始闹起了脾气。
IE6不支持透明,所有的透明部分,都被渲染成灰色或白色(不知道啥颜色,他自己的默认色)。这样看起来难看不说,圆角的功能荡然无存。这是IE6的bug,众所周知,但问题出现了,必须解决。
网上找了资料,使用滤镜方式可以解决,在css中,把图片设成背景。无论你之前用的是img还是background:url,一律改成一下形式吧。

复制代码代码如下:
height:65px;
width:198px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="scheme/homepage/images/xzzf_out.png");
background:none;

在css中加入这些代码,src表示的图片路径,height和width是图片的宽和高,这里不要有任何变动,要不然图片会被拉大或压缩。background:none这个有必要,注意其他的css代码不可以跟这个有所冲突。
这样的话,ie6上都解决了,ie7已经测试没问题,ie8估计也还可以。有心者可以多试试。

相关推荐

浏览器更新