`

Css Hack区分IE6,IE7,IE8和其他浏览器

    博客分类:
  • CSS
阅读更多
最后作者给出了最佳方式:
IE 6 and below
Use * html {} to select the html element. 
IE 7 and below
Use *+html, * html {} to select the html element. 
IE 7 only
Use *+html {} to select the html element. 
IE 7 and modern browsers only
Use html>body {} to select the body element. 
Modern browsers only (not IE 7)
Use html>/**/body {} to select the body element.


區別IE和Firefox
#tip {

background:blue; /*Firefox 背景變藍色*/

background:red \9; /*IE6、IE7、IE8背景變紅色*/

}

【說明】:因為IE瀏覽器看得懂「\9」,但是非IE的瀏覽器一律看不懂,因此就可以用這個語法來區分IE和Firefox(非IE瀏覽器,像是Opera、Google Chrome、Safari等),因此以上CSS範例中,非IE瀏覽器是顯示藍色背景,IE系列瀏覽器是顯示紅色背景。




區別IE6、IE7、IE8、Firefox
#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等)。
分享到:
评论

相关推荐

    IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

    尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...

    简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf

    在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`...

    css区别IE和非IE浏览器

    使用条件注释区分IE版本 一种常见的方法是利用HTML中的条件注释来加载特定版本IE的样式表。例如,可以为IE6到IE9分别提供不同的样式表: ```html <!--[if IE 6]> <link rel="stylesheet" href="ie6.css"> <!...

    区分ie6 7 8 FF 的css hack 日常总结

    "区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    除了上述方法之外,还有利用CSS选择器结合文档类型声明(DTD)的方法,如使用*html和*+html选择器来区分IE6、IE7和标准浏览器,但这种方法需要在HTML文档的顶部声明正确的DOCTYPE。正确的声明会触发标准模式,而错误...

    CSS Hack 浏览器兼容文档

    - **星号(*)**:用来区分IE6和IE7与其他浏览器。例如,`*backgorund:red;`将只对IE6和IE7生效,设置背景色为红色。 - **叹号important(!important)**:用于优先级较高的CSS规则,如`background:red !important...

    区别不同浏览器CSS hack

    ##### 示例2:区分IE7与标准浏览器 ```css background:green!important; background:blue; ``` 这里的目标是为IE7和标准浏览器(如FF)提供不同的背景色。IE7能够识别`!important`,所以它会将背景色设为绿色。而...

    css_hack csshack技术

    ` 这样的写法可以区分IE6、IE7和其他现代浏览器。 #### 四、实例演示 假设我们需要让一个段落文本的颜色在不同的浏览器中显示不同的颜色: ```css p { color: brown; /* 所有浏览器默认颜色 */ color: red \9; ...

    CSS hack技巧大全

    2. +前缀:`+`仅在IE7中起作用,用于区分IE6和IE7。 3. _下划线:`_`是IE6特有的,其他浏览器不识别。 4. \9后缀:`\9`在IE6、IE7、IE8中识别,代表CSS2.1的滤镜特性。 5. \0后缀:`\0`在IE8及更高版本、Safari 3.1+...

    CSS Hack 区分 IE6 / IE7 /IE8 /Firefox

    在本例中,我们讨论的是如何使用CSS Hack技术来区分IE6、IE7、IE8和Firefox浏览器,并对他们应用不同的样式。 要实现对不同浏览器的区分,CSS Hack技术主要依赖于以下几种方法: 1. IE特定的CSS属性前缀:IE浏览器...

    各主流浏览器CSS HACK列表

    - **用途**:通过不同的DOCTYPE声明来区分IE6和IE7。 - **示例**: ```css *html #test {} *+html #test {} ``` - **注意**:使用`*+html`时,需要确保HTML文档头部声明为`<!DOCTYPE ...

    CSS完美兼容IE6_IE7_FF的通用方法

    这是一种简单的Hack技术,能够有效区分IE6与其他浏览器。 **2\. 使用`*+html`和`*html`选择器进行Hack** 对于IE6和IE7,可以利用`*+html`和`*html`选择器来应用特定样式。`*+html`专为IE7设计,而`*html`则针对IE6...

    兼容cssie6 7 8

    在CSS布局设计中,兼容性是一个重要的考虑因素,特别是对于那些仍需要支持旧版浏览器的开发者来说,如IE6、IE7和IE8。这些早期版本的Internet Explorer浏览器对CSS的支持并不完全,需要使用特定的“hack”来解决兼容...

    CSS hack-CSS

    本教程将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox。 1. 区分IE6与Firefox: 在CSS中,可以使用星号(*)前缀作为hack,这在IE6中被识别,而Firefox则无法识别。例如: ```css background: orange; /* ...

    CSS hack汇总

    ### CSS Hack 汇总:解决 IE6,IE7,IE8 及 Firefox 的兼容性问题 在网页设计与开发领域,确保不同浏览器间的代码兼容性是一项挑战性的任务,尤其是在处理像 Internet Explorer 6(IE6)、IE7、IE8 和 Firefox 这些...

Global site tag (gtag.js) - Google Analytics