完美兼容ie6,ie7,ie8以及firefox的css透明滤镜
作者:魏泽言 来源:designcss.org 【大 中 小】 浏览: 修改日期：2010-03-30 我要评论(24)
本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果，之前本人也遇到过这样的问题，就是把一个层设置半透明后，内的文字也跟着半透明了，一直没找到合适的解决办法，今天看到designcss.org有一篇文章解决了这个问题，但有一点，发现在filter前边多加一个星号，多加个星号是为了让IE6和IE7执行，火狐和IE8就不执行了，火狐本身来讲就不支持IE特有的滤镜功能，所以这里没必要再加星号。还有就是不支持IE8浏览器，经过研究，查阅大量资料，终于找到解决办法了，下面分享出来。
css用到的\9是css hack的写法，是为了兼容不同的浏览器而使用的
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS实例〗Tags: css透明 图层半透明 IE6 IE7 IE8 css hack
所属专题：CSS HACK网页技巧
相关文章
更多评论(24)..会员评论
- yier202(60.166.*.*) 发表于：2010-09-09 09:18:13
- opacity:0.8; -moz-opacity:0.8; 呵呵查到了，这个是火狐透明滤镜的代码...第一个是现在版本的代码 后面一个是兼容以前版本火狐的
- yier202(60.166.*.*) 发表于：2010-09-08 09:34:05
- 郁闷 貌似I6也不兼...
- 管理员回复：这么多问题呀
- yier202(60.166.*.*) 发表于：2010-09-08 09:15:03
- 在ff上测试失败...滤镜无效
- 管理员回复：火狐下就不是使用的滤镜
- toltolot(114.113.*.*) 发表于：2010-09-02 17:58:55
- 用两层来实现的话，背景层铺满整个窗体时 需要增加设置 position:absolute;top:0;bottom:0;left:0;right:0;但是这个ie6不认识啊。。怎么解决？
- 管理员回复：top:0;bottom:0;left:0;right:0;这四个只能同时用相邻两个
- hello2008913(219.238.*.*) 发表于：2010-09-01 13:10:04
- 受教了，谢谢管理员辛苦的给我们准备了这么一个好的不得了的学习课堂。 致敬~~~
- 管理员回复：欢迎常来
- xxfire(116.226.*.*) 发表于：2010-08-27 15:53:23
- 忽悠人的
- 哎(125.118.*.*) 发表于：2010-08-27 15:32:42
- IE6怎么实现不管是背景，还是图片的PNG格式透明
- 管理员回复：请搜索本站关于png透明的文章
- ff(58.48.*.*) 发表于：2010-08-26 13:24:05
- ff、opera下测试无效果，不知LZ的ff是什么版本的？
- 管理员回复：3.6
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 44051756(开)
- 74816202(开)
- 75782368(开)
- 54187042(开)
- 102426914(开)
- 87010869(开)
- 71571195(开)
- 35826206(开)
- 40334594(开)
- 102050535(开)
- 105366319(开)
- 106872711(开)
- 61729892(开)
- 100154872(开)
- 61729892(开)
- 38473554(开)