【转】[整理收藏]CSS Hack IE6,IE7,IE8 and Firefox
来源:互联网 发布:数据库程序设计教程 编辑:程序博客网 时间:2024/05/17 23:04
原文地址:http://www.cnblogs.com/syringa-flz/archive/2010/05/04/1727347.html
浏览器HACK
_
*
/9
!important
IE6
√
√
√
×
IE7
×
√
√
√
IE8
×
×
√
√
Firefox
×
×
×
√
1.区别IE和非IE浏览器
#tip {
background:blue; /*非IE 背景藍色*/
background:red /9; /*IE6、IE7、IE8背景紅色*/
}
background:blue; /*非IE 背景藍色*/
background:red /9; /*IE6、IE7、IE8背景紅色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】:「/9」、「*」、「_」
【示例】:
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red /9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
【说明】:因为IE系列浏览器可读「/9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏 览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。background:blue; /*Firefox 背景变蓝色*/
background:red /9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
3.区别IE6、IE7、Firefox (方法 1)
【区别符号】:「*」、「_」
【示例】:
【示例】:
#tip {
background:blue; /*Firefox背景变蓝色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全 无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefoxbackground:blue; /*Firefox背景变蓝色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
4.区别IE6、IE7、Firefox (方法 2)
【区别符号】:「*」、「!important」
【示例】:
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
*background:orange; /*IE6 背景变橘色*/
}
【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以 读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
*background:orange; /*IE6 背景变橘色*/
}
5.区别IE7、Firefox
【区别符号】:「*」、「!important」
【示例】:
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
}
【说明】:因为Firefox可以辨识「!important」但却无法辨识「*」,而IE7则可以同时看懂「*」、「!important」,因此可以 两个辨识符号来区隔IE7和Firefox。background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
}
6.区别IE6、IE7 (方法 1)
【区别符号】:「*」、「_」
【示例】:
【示例】:
#tip {
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
【说明】:IE7和IE6都可以辨识「*」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔 IE6和IE7之间的差异。*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
7.区别IE6、IE7 (方法 2)
【区别符号】:「!important」
【示例】:
【示例】:
#tip {
background:black !important; /*IE7 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}
【说明】:因为IE7可读取「!important」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识 「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。background:black !important; /*IE7 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}
8.区别IE6、Firefox
【区别符号】:「_」
【示例】:
【示例】:
#tip {
background:black; /*Firefox 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
background:black; /*Firefox 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
【说明】:因为IE6可以辨识「_」(底线),但是Firefox却不行,因此可以透过这样的差异来区隔Firefox和IE6,有效达成CSS hack。
9. Chrome和safari的CSS hack代码
只有谷歌浏览器苹果浏览器读取:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}
/* Webkit内核兼容CSS */
}
- 【转】[整理收藏]CSS Hack IE6,IE7,IE8 and Firefox
- 整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题
- 【转】CSS兼容性问题 CSS hack:区分IE6,IE7,IE8,Firefox
- CSS hack:区分IE6,IE7,IE8,firefox
- [CSS HACK]IE6、IE7、IE8、Firefox兼容性问题
- CSS HACK IE6,IE7,IE8,Firefox 兼容性问题
- CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox
- [CSS HACK]IE6、IE7、IE8、Firefox兼容性问题
- CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox
- CSS hack:区分IE6,IE7,IE8,firefox
- CSS HACK]IE6、IE7、IE8、Firefox兼容性问题
- CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox
- [转]简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera
- CSS IE6/IE7/IE8/FireFox CSS 兼容办法 hack
- Css兼容性问题 CSS hack:区分IE6,IE7,IE8,firefox
- CSS兼容性问题 CSS hack:区分IE6,IE7,IE8,Firefox
- 兼容IE6/IE7/IE8/FireFox的CSS hack
- 针对firefox ie6 ie7 ie8的css样式hack
- Android.mk文件语法规范及使用模板
- ubuntu下安装opennebula
- Java中PreparedStatement与Statement区别,与实际过程中的特殊用法
- innerHTML 元素插入外部js文件
- SSH框架的第一个整合例子
- 【转】[整理收藏]CSS Hack IE6,IE7,IE8 and Firefox
- C与指针第八章数组编程练习第四题
- linux学习之路(一)
- WebService初学
- java时钟代码 来自《计算机图形学 应用Java2D和3D》
- 浅谈代码分层:构建模块化程序
- 精选:全球51家最具特色超实用网站合集
- curl --head http://www.163.com/index.html 查服务器及相关组件
- 如何使用ThreadLocal变量