完美兼容IE6/IE7/Firefox/Opera这几个主流浏览器的CSS hack_一米...
来源:百度文库 编辑:神马文学网 时间:2024/04/30 21:30:47
完美兼容IE6/IE7/Firefox/Opera这几个主流浏览器的CSS hack2009年11月11日 星期三 下午 01:23
-
这是网上广为流传的一个号称完美兼容IE6/IE7/Firefox/Opera这几个主流浏览器的CSS hack通用方法。
#yourId/.yourClass {/*normal*/}2. * html #yourId/.yourClass {/*IE6 and below*/} *+html #yourId/.yourClass {/*IE7 only*/} @media all and (min-width:0px){ #yourId/.yourClass { /*opera*/ } }
原理是Firefox认为是CSS语法错误,所以忽略。但是不同IE版本识别不同,不忽略,所以能实现hack,并且*+HTML还能通过W3C验证,呵呵,爽吧。opera那个就不多说了,也是类似原理,但是看起来比较崩溃,要说明的是,firefox下没问题的话,opera基本也没什么问题的,所以不太会用到这个hack。
需要注意的是:*+html 对IE7的HACK 必须保证HTML顶部有如下声明,””
所以,在我看来,这也不是什么完美的解决方法。 - 第二个是我比较常用的,假设要给一个元素设定在不同浏览器中使用不同的背景颜色。
#yourId/.yourClass {2.background:none /*normal*/; *background:#300 !important/*IE7 only*/; *background:#400 /*IE6 and below*/}
注意书写的顺序是Firefox第一,IE7第二,IE6在最后;其实IE6的*background也可以写成_background,因为只有IE6支持下划线,IE7和Firefox都不支持。
- 比较常用的条件注释,但我从来不用,不知道为什么,反正就是感觉烦。
1.
2.
3. - Stylegala- No More CSS Hacks
用此方法—Stylegala- No More CSS Hacks,服务器端判断 user agent 从而给出不同的 css 文件。 - 目前我知道的就是这几个,至于* html yourId{}这样的写法,大多数时候并不能很好的兼容IE6和IE7,有的时候不知道怎么弄的,甚至根本没作用,不知道是我哪里没弄对。
完美兼容IE6/IE7/Firefox/Opera这几个主流浏览器的CSS hack_一米...
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
DIV+CSS--IE6,IE7,IE8,Firefox兼容的
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
CSS完美兼容IE6/IE7/FF的通用方法
CSS完美兼容IE6/IE7/FF的通用方法
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)(转) - 菜...
解决firefox ie6 ie7 ie8的css样式兼容问题
CSS hack:区分IE6,IE7,firefox(2)
div+css 布局下兼容IE6 IE7 FF常见问题
纯CSS的下拉菜单 支持IE6 IE7 Firefox _CSS教程_www.knowsk...
总结一下IE6和 IE7和 Firefox 的CSS hack写法
ie6 ie7 FF 兼容
IE6、 IE7、IE8、Firefox兼容性问题
IE6/IE7和Firefox对Div处理的差异
CSS HACK区分兼容ie5/ie6/ie7/ff技巧,float 闭合技巧(转载)
IE6, IE7, IE8 CSS 兼容速查表_WEB标准_中国站长站 CHINAZ.CO...
CSS HACK区分兼容ie5/ie6/ie7/ff技巧,float 闭合技巧(转载) -...
IE与Firefox的CSS兼容大全
IE与Firefox的CSS兼容大全
IE与Firefox的CSS兼容大全
引用他人的 DIV+CSS IE6 IE7 兼容问题
CSS hack浏览器兼容一览表
解决跨浏览器兼容的CSS编码准则