多语言展示
当前在线:1823今日阅读:27今日分享:41

IE6兼容透明图片(png24)的方法

虽说现在IE6浏览器已经没有什么市场了,但有些页面还是需要兼容IE6的。喵喵前几天就碰到要兼容IE6透明的图片的,本身IE6浏览器内核是不支持png24图片,IE7及以上、谷歌、火狐都是支持透明图片的。那么,如何处理才能让IE6支持透明图片呢?方法是有的,下面就来看看喵喵是怎么做的吧!这个是最终的效果图
工具/原料

js、css

方法/步骤
1

样式法(现在不好用了)这个方法比较简单,直接在透明图片上加上background:url('../images/login_jm.png') no-repeat center top;_ background-image: none;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/login_jm.png'); 其中图片路径需要注意。background图片是相对于css样式的路径,而渲染路径则是相对应网站首页的路径。

3

js控制法在写脚本之前要引入一段js 然后再写入js代码段,如图

4

这里的DD_belatedPNG.fix('定义透明背景层')单个的话,DD_belatedPNG.fix('.login_main') 多个的话要用逗号隔开DD_belatedPNG.fix('.login_main,.list_bg,.admin_icon,.pwd_icon,.yzm_con,.login_btm') 运行一下!

5

当然,我们也可以直接把背景图也切上去,不切透明图,这也是一种方法哟!

推荐信息