最新消息:2014,为梦想加油,专注于前端开发!

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

未分类 admin 1893浏览 0评论
文章目录
[隐藏]

在万恶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效果中,滑动鼠标有幻影产生,并不影响使用,未找到相关原因,如果有相关经验的读者,欢迎指教。

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

转载请注明:专注于web前端开发 » ie6透明的最佳解决方案,支持图片,背景,按钮,hover等

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址