`
DBear
  • 浏览: 231300 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

【转】利用CSS hack方法兼容各版本IE浏览器及其FireFox浏览器

阅读更多

 

CSS中通常通过搭配使用「\9」「*」(星号)以及「_」(下划线)来让浏览器正确的读取到自己看得懂得CSS语法。

IE8 及 以下的

对于IE8 及以下的的浏览器,用一个hack,那就是在你的样式属性末尾处添加 “ \9 ” 。

例如:

body {
 color: red; /*支持所有的浏览器*/
 color : green\9; /* 支持IE8 及 以下的 */
}

 

IE7 及 以下的

当然要使用 “ * ” ,它只有IE6和IE7可以认出来,IE8和其它的浏览器不做处理。

body {  
 color: red; /*支持所有的浏览器*/
 color : green\9; /* 支持IE8 及 以下的 */
 *color : yellow; /* 支持IE7 及 以下的  */  
}

 

IE6

“ _ ” 下划线只针对Internet Explorer 6 。

body {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}

 

 

 

    开发者按照如上的顺序配置CSS相关属性,即可达到IE各版本以及其它浏览器间的CSS兼容。

 

 

 

    2010-11-18 更新: IE8也有自己单独识别的标识 "\0",因此兼容Firefox和IE个版本浏览器的Hack方法按如下方法:

 

body {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 color : pink\0; /* IE8 */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}
 

 

 

 

 

分享到:
评论

相关推荐

    CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar

    压缩包中的“CSS_HACK_兼容列表_Firefox,_IE5,_IE5.5,_I.txt”文件很可能是详细列举了各种CSS Hack的清单,包括适用于Firefox和各个版本的IE浏览器的Hack。这份清单对于开发者来说是一份宝贵的参考资料,可以帮助...

    CSS Hack 浏览器兼容文档

    本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)的CSS Hack方法。 1. **CSS Hack原理**: 不同的浏览器对某些CSS特性或者字符的识别有所不同。例如,星号(*)在IE6和IE7中被识别为一个选择器前缀,但...

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

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

    css区别IE和非IE浏览器

    通过合理运用上述提到的各种CSS Hack技术和兼容性解决方案,可以有效地解决不同版本IE浏览器以及其他非IE浏览器之间的兼容性问题,从而确保网站在各种环境下都能够呈现出一致且良好的用户体验。

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    为了兼容不同版本的IE浏览器及火狐浏览器,开发者常采用CSS Hack技术来针对性地应用样式。以下是一些常用的Hack方法: - **星号Hack(*)**:用于向IE7及以上版本和火狐浏览器发送特定样式,而忽略IE6。 - **下划线...

    CSS hack浏览器兼容一览表

    4. **非IE浏览器hack**: - `::-webkit-input-placeholder`: 用于设置Webkit内核浏览器(如Chrome和Safari)输入框占位符的样式。 - `:-moz-placeholder`: Firefox早期版本的占位符样式hack。 - `:-ms-input-...

    CSS hack 兼容标识.rar_CSS hack 兼容标识

    然而,由于历史原因,不同的浏览器或其不同版本对CSS的支持程度各不相同,导致了在编写样式时可能会遇到兼容性问题。为了解决这些问题,开发者们发展出了一种技术,即“CSS Hack”,以确保样式在各种浏览器中表现...

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

    正确的声明会触发标准模式,而错误的或者缺失DOCTYPE则会导致IE浏览器进入“怪异模式”,从而改变CSS解析规则。 此外,对于浮动(float)元素的处理,也是CSS布局中常见的问题。为了确保容器能适应浮动子元素的高度...

    各浏览器的cssHack总结

    1. **IE浏览器的CSS Hack** - IE6和IE7特有的`*html`或`*+html`前缀,如`*html .class { property: value; }` - 仅针对IE7的`_`下划线 hack,如`_property: value;` - 针对IE8及更高版本,可以使用条件注释,如`...

    css_hack csshack技术

    }` 将仅在IE浏览器中生效。 - **`>` (大于号)**:此符号用于指定父元素的直接子元素,但在IE6、IE7和IE8中被视为通用选择器,可以用来针对性地应用样式。 - **`*` (星号)**:星号Hack主要用于向IE6和IE7提供样式...

    IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表

    - 这段代码只会在IE6或更低版本的IE浏览器中执行。 - **IE7**: - `<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7.css"> <![endif]-->` - 这段代码只会在IE7浏览器中执行。 - **IE8**: - `...

    IE浏览器和火狐浏览器兼容问题有部分js

    标题和描述均提到了“IE浏览器和火狐浏览器兼容问题有部分js”,这指向了在Web开发中一个常见的挑战——确保网页在不同浏览器上的表现一致。浏览器兼容性问题主要源于不同浏览器对Web标准(如HTML、CSS和JavaScript...

    CSS浏览器兼容,描述ie6 7 8和火狐浏览器上的css区别

    在网页设计中,CSS(层叠样式表)的浏览器兼容性是开发者经常面临的挑战,特别是针对老版本的Internet Explorer(IE6、7、8)和Firefox等其他浏览器。以下是一些关于这些浏览器之间CSS差异的关键知识点: 1. **垂直...

    CSS常见浏览器兼容问题

    [endif]-->`是条件注释,仅IE浏览器解析。 - 属性内Hack:如`color: /*ie only*/ #000; color: #fff;`,IE会读取第一个,其他浏览器则读取第二个。 4. 使用前缀库和预处理器: Autoprefixer是一个自动化添加...

    关于CSS/DIV在各浏览器兼容代码

    ### 关于CSS/DIV在各浏览器兼容代码 在前端开发领域,确保网页在不同浏览器上的一致性表现是一项挑战性的任务。特别是在早期Web标准尚未完全统一的年代,开发者需要掌握一系列技巧来解决浏览器间的差异问题。其中,...

    Css与各浏览器兼容性

    important`属性**:此属性在非IE浏览器中有效,可以用来覆盖其他CSS规则。例如,`color: red !important;`在Firefox中会强制文本颜色为红色,但IE可能忽略它。 6. **浮动元素的`margin`问题**:在IE6中,浮动的`div...

    Css hack总结及其最佳用法

    虽然IE Hack占主导地位,但其他浏览器如Firefox、Chrome等也有少量的差异,可以通过CSS前缀如`-moz-`(Firefox)、`-webkit-`(Safari/Chrome)来针对特定浏览器实现特性。 6. **最佳实践**: - 尽量避免使用Hack...

Global site tag (gtag.js) - Google Analytics