当前位置: 网站建设 > 网页设计 > 建站经验 >

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

时间:2013-03-02 04:01来源:未知 作者:admin 点击:

标签:完美兼容ie6,ie7,ie8以及firefox的css透明滤镜 C(23)以及(16)IE6(28)完美(13)IE8(8)IE7(7)Firefox(14)兼容(37)
css用到的\9是css hack的写法,是为了兼容不同的浏览器而应用的 --> [网站建设之]完善兼容ie6,ie7,ie8以及firefox的css透明滤镜 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title兼容ie6,ie7以及firefox的css透明滤镜,文
完美兼容ie6,ie7,ie8以及firefox的css透明滤镜》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341162013.htm

css用到的\9是css hack的写法,是为了兼容不同的浏览器而应用的

--> [网站建设之]完善兼容ie6,ie7,ie8以及firefox的css透明滤镜

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>兼容ie6,ie7以及firefox的css透明滤镜,文字不继续其透明属性</title> <style type="text/css"> #container{ border:1px solid #c00; background-color:rgba(212,完全CSS下拉菜单,只用CSS,纯CSS构筑!,0,0,0,安全可视化普及系列一:你的网站安全吗.5); background:#f00\9; filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;} #container *{ position:relative;} </style> </head> <body> <div id="container"> <span>我是内容我是内容我是内容我是内容我</span> </div> </body> </html>

Tag:css透明滤镜   IE8   IE7  ,学网站设计必看之设计常识; IE6   css透明滤镜   IE8   IE7   IE6  

本例是一个兼容IE6/IE7/IE8和火狐阅读器的css实现半透明层后果,之前自己也碰到过这样的问题,学用纯CSS打造可折叠树状菜单,就是把一个层设置半透明后,内的文字也随着半透明了,始终没找到适合的解决措施,今天看到designcss.org有一篇文章解决了这个问题,但有一点,学好网站策划应具备的条件,发明在filter前边多加一个星号,多加个星号是为了让IE6跟IE7履行,火狐和IE8就不执行了,火狐自身来讲就不支撑IE特有的滤镜功效,所以这里没必要再加星号。还有就是不支持 IE8浏览器,经由研讨,查阅大批材料,终于找到解决方法了,下面分享出来。

    [ 提醒:你可先修正局部代码,再按Ctrl+A 全体抉择 ]


(责任编辑:网站建设)
完美兼容ie6,ie7,ie8以及firefox的css透明滤镜相关文章
上一篇:完全CSS下拉菜单,只用CSS,纯CSS构筑! 下一篇:完美解决CSS网页水平居中
回到顶部