致力于网站建设、网站设计、网站制作、网站优化、网络推广、电子样本制作、FLASH网站制作、多媒体制作等服务
换套衣服看网站:
当前位置:沐恩首页 - 技术资料 - 网站建设知识网站建设知识
IE6下使png透明的完美解决方式
www.muen.cc   发布时间:2010-12-5   来源:沐恩设计
内容摘要:众所周知,在IE6下面无法使用png透明的效果,虽然IE6的市场份额逐渐下滑,但是在国内依然保持最旺盛的占有率,这一点无法进行忽视。下午的时候Google了一下目前的解决方案,发现IE PNG Fix 2.0 Alpha 4虽然使用非常比较方便而且可以打到预期的效果,但是在加载页面的时候非常的缓慢,这一点是无法容忍的。还有使用滤镜的,但是效果一般,而且没有通用性。

首先在http://labs.unitinteractive.com/unitpngfix.php页面的下面下载unitpngfix.zip文件

接下来将压缩包里面的两个文件:unitpngfix.js和clear.gif拷贝到站点的某个位置,假设将unitpngfix.js拷贝到scripts目录,clear.gif放到images目录,这个时候需要特别注意的是,必须修改unitpngfix.js文件中clear变量的值,也就是clear.gif相对于unitpngfix.js文件的路径,上面的情况就要修改成:

  1. var clear="../images/clear.gif"; //path to clear.gif

最后在页面中进行调用unitpngfix.js文件就可以了。

  1. <!--[if lt IE 7]>
  2. <script type="text/javascript" src="scripts/unitpngfix.js"></script>
  3. <![endif]-->

到这里其实已经看到效果了,不过默认情况下unitpngfix会对页面中所有的元素进行渲染处理,这样的话未免有些影响页面加载的效率,有一种方法就是可以将所要渲染的元素后面使用名为unitPng的style进行限定。

OK,Enjoy It!

[推荐] [收藏] [打印] [关闭]本文关键词:png透明 IE6
技术资料
我们能做什么
WHO ARE YOU?
Copyright www.muen.cc 2007-2011 宁波江东君安网络科技有限公司 ALL Rights Reserved. 浙ICP备10040149号
QQ:1277845313 52707370 123557898 E-mail:muen@muen.cc 电话:0574-87080632
地址:浙江宁波朝晖路188号820室
友情链接1: 澳门新葡京 澳门银河 皇冠比分网 娱乐城 皇冠比分网 赌场 网络赌博 网上赌博 澳门新葡京 澳门银河 娱乐城 线上赌博网站 澳门新葡京 网络赌博 hg1088 皇冠比分网 皇冠现金 网络赌博 新葡京 新葡京 澳门赌场 娱乐城 赌博 澳门银河 澳门金沙 365bet官网 新葡京 太阳城 网络赌博 hg0088 皇冠新2网址 皇冠比分网 葡京娱乐场 全讯网 赌球网 太阳城 博狗体育 世爵娱乐 21点玩法 太阳城 博狗体育 网上赌博 皇冠新2网址 网上赌博 澳门娱乐城 博狗体育 365bet 世爵娱乐 世爵娱乐 澳门赌场 新葡京 澳门赌场 赌博游戏 世爵娱乐 威尼斯人 澳门娱乐城 威尼斯人 皇冠新2网址 全讯网 澳门娱乐城 威尼斯人 全讯网 太阳城 太阳城 香港马会开奖结果 黄大仙心水论坛 铁算盘心水论坛 六合心水论坛 天线宝宝心水论坛 蓝月亮心水论坛 一点红心水论坛 红姐心水论坛 聚宝盆心水论坛 红太阳心水论坛 创富心水论坛