ie6透明的最佳解决方案,支持图片,背景,按钮,hover等

admin查看全部>> 05-09

人气 1,850

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!

文章目录
[隐藏]

在万恶ie6中,我们又不得不提到关于ie6透明的问题,在除了ie6之外的其他高级浏览器中,对png24位透明图片都是不成问题的,唯独就有ie6干不起事。作为一个专业前端工程师来说,本来应该完全无视ie6的存在,但现实生活中,给老板干活的前提下,我们还是不得不对ie6进行兼容,毕竟,拿了老板的钱,就得给老板干事,再说那些boss,从来就不知道升级ie浏览器…哎,进入正提吧。
网上关于ie6透明方法很多,不一一列举,本文章只讲一种方法,也是作者认为最好最实用的方法,此方法为国外的方法,相关JS点击下载如果无法打开,本文最后也有实例下载,里面也有相应的js。

引入pngfix.js文件

上面的引入方法是使用条件注释方法,表示只对包括ie6以下的浏览器生效。

使用方法

DD_belatedPNG.fix('对应的class/id/标签'),比如可以直接写div,img,span等,这样的话会对所有div,span,img生效,不建议,推荐使用直接书写对应需要透明的class,id等,如果遇到hover或者img情况,需要加上对应的hover,img等,如DD_belatedPNG.fix('.hover a,.hover a:hover,.picture img');下面我们来看一个实例效果,罗列透明可能产生的四种情况。如果在某种情况,不想使用js,可以尝试将图片做成png8位,或者gif格式,只要能达到效果都一样。
ps:在hover效果中,滑动鼠标有幻影产生,并不影响使用,未找到相关原因,如果有相关经验的读者,欢迎指教。

在线预览本地下载网盘下载

相关作品
ie6透明的最佳解决方案,支持图片,背景,按钮,hover等:等您坐沙发呢!



会员登陆还没有账号 立即注册

用户登录

忘记密码 ?

用第三方帐号直接登录

微博账号登陆 QQ账号登陆