让IE6支持png24透明/半透明的方法
来源:互联网 发布:会员消费积分系统源码 编辑:程序博客网 时间:2024/05/29 14:09
IE6下PNG背景透明或者图片透明一直让人很伤脑筋,以前的解决办法也不尽完好。最近在项目中,发现了一种几乎完美的解决办法。用JS在IE6下面实现png图和背景PNG透明。
不敢独享,写下这篇文章,也好为自己以后查阅,利人利己啊。
并且,可以解决a:hover 背景png的问题。下面开始,三步即可搞定IE6下PNG透明问题。
第一步:下载JS文件DD_belatedPNG_0.0.8a.js
下载地址:http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js
或:http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js
第二步:引用JS文件
/* EXAMPLE */
DD_belatedPNG.fix('.enter,.enter a,.enter a:hover');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
PS:灰色文字部分【'.enter,.enter a,.enter a:hover'】,为div选择器的名称,大家看后面的html代码即可明白
第三步: 网页body部分
.enter { width:193px; height:43px; position:absolute; bottom:15px; left:60%; z-index:100; color:#FFF}
.enter a{ width:193px; height:43px; display:block; background:url(enter.png) no-repeat;}
.enter a:hover{width:193px; height:43px; display:block; background:url(enter.png) 0px -43px;}
<div .="enter"><a href="index.php" target="_blank"></a></div>
好了,大家预览一下效果吧。
至此,IE6下png图片透明和IE6下面png背景图片就完美显示了。
- 让IE6支持png24透明/半透明的方法
- 让PNG24图片在IE6下也能透明的方法
- 兼容IE6下PNG24透明的几种方法
- ie6兼容png24位的方法
- 让ie6支持png透明
- 让IE6支持PNG图像透明的底层原理
- 关于PNG透明,IE6,PNG8,PNG24,PNG32
- 让IE6支持PNG的各种方法
- 让IE6支持HTML5元素的方法
- IE6支持PNG透明(alpha通道)的4种方法
- IE6和Firefox同时支持PNG透明图片的方法
- IE6支持PNG透明(alpha通道)的4种方法
- 使用DD_belatedPNG让IE6支持PNG透明图片 及IE6下背景图闪烁问题的解决方法
- 一个简单的ie6和其它浏览器区分以及设置png24的透明
- 在IE6下让PNG图片透明的方法
- 解决png24格式图片在ie6中透明问题,
- IE PNG Fix—让IE6完美支持PNG透明图片的插件
- 让IE(包括IE6)支持HTML5元素的方法
- 解决GDI闪烁问题
- hdu 2665 Kth number_划分树
- thinkphp3.2标签中数组的使用
- java基础感想
- IE8的css hack
- 让IE6支持png24透明/半透明的方法
- CSS hack:针对IE6,IE7,firefox显示不同效果
- 项目中一段js功能代码
- 常用JS验证函数总结
- JS获取字符串实际长度
- 解决js存储中文cookie乱码问题
- flash和后台通讯的方法
- flash全屏后的UI控制
- as3中TextFormat类的使用