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,_I.txt”文件很可能是详细列举了各种CSS Hack的清单,包括适用于Firefox和各个版本的IE浏览器的Hack。这份清单对于开发者来说是一份宝贵的参考资料,可以帮助...
本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)的CSS Hack方法。 1. **CSS Hack原理**: 不同的浏览器对某些CSS特性或者字符的识别有所不同。例如,星号(*)在IE6和IE7中被识别为一个选择器前缀,但...
尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...
通过合理运用上述提到的各种CSS Hack技术和兼容性解决方案,可以有效地解决不同版本IE浏览器以及其他非IE浏览器之间的兼容性问题,从而确保网站在各种环境下都能够呈现出一致且良好的用户体验。
为了兼容不同版本的IE浏览器及火狐浏览器,开发者常采用CSS Hack技术来针对性地应用样式。以下是一些常用的Hack方法: - **星号Hack(*)**:用于向IE7及以上版本和火狐浏览器发送特定样式,而忽略IE6。 - **下划线...
4. **非IE浏览器hack**: - `::-webkit-input-placeholder`: 用于设置Webkit内核浏览器(如Chrome和Safari)输入框占位符的样式。 - `:-moz-placeholder`: Firefox早期版本的占位符样式hack。 - `:-ms-input-...
然而,由于历史原因,不同的浏览器或其不同版本对CSS的支持程度各不相同,导致了在编写样式时可能会遇到兼容性问题。为了解决这些问题,开发者们发展出了一种技术,即“CSS Hack”,以确保样式在各种浏览器中表现...
正确的声明会触发标准模式,而错误的或者缺失DOCTYPE则会导致IE浏览器进入“怪异模式”,从而改变CSS解析规则。 此外,对于浮动(float)元素的处理,也是CSS布局中常见的问题。为了确保容器能适应浮动子元素的高度...
1. **IE浏览器的CSS Hack** - IE6和IE7特有的`*html`或`*+html`前缀,如`*html .class { property: value; }` - 仅针对IE7的`_`下划线 hack,如`_property: value;` - 针对IE8及更高版本,可以使用条件注释,如`...
}` 将仅在IE浏览器中生效。 - **`>` (大于号)**:此符号用于指定父元素的直接子元素,但在IE6、IE7和IE8中被视为通用选择器,可以用来针对性地应用样式。 - **`*` (星号)**:星号Hack主要用于向IE6和IE7提供样式...
- 这段代码只会在IE6或更低版本的IE浏览器中执行。 - **IE7**: - `<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7.css"> <![endif]-->` - 这段代码只会在IE7浏览器中执行。 - **IE8**: - `...
标题和描述均提到了“IE浏览器和火狐浏览器兼容问题有部分js”,这指向了在Web开发中一个常见的挑战——确保网页在不同浏览器上的表现一致。浏览器兼容性问题主要源于不同浏览器对Web标准(如HTML、CSS和JavaScript...
本文将详细介绍针对主流浏览器(如IE6、IE7、IE8、Firefox、Chrome、Safari)的CSS Hack方法及其应用实例。 #### 二、CSS Hack概述 CSS Hack是一种针对特定浏览器的样式表编写技巧,用于修正浏览器间显示不一致的...
在网页设计中,CSS(层叠样式表)的浏览器兼容性是开发者经常面临的挑战,特别是针对老版本的Internet Explorer(IE6、7、8)和Firefox等其他浏览器。以下是一些关于这些浏览器之间CSS差异的关键知识点: 1. **垂直...
[endif]-->`是条件注释,仅IE浏览器解析。 - 属性内Hack:如`color: /*ie only*/ #000; color: #fff;`,IE会读取第一个,其他浏览器则读取第二个。 4. 使用前缀库和预处理器: Autoprefixer是一个自动化添加...
### 关于CSS/DIV在各浏览器兼容代码 在前端开发领域,确保网页在不同浏览器上的一致性表现是一项挑战性的任务。特别是在早期Web标准尚未完全统一的年代,开发者需要掌握一系列技巧来解决浏览器间的差异问题。其中,...
important`属性**:此属性在非IE浏览器中有效,可以用来覆盖其他CSS规则。例如,`color: red !important;`在Firefox中会强制文本颜色为红色,但IE可能忽略它。 6. **浮动元素的`margin`问题**:在IE6中,浮动的`div...
虽然IE Hack占主导地位,但其他浏览器如Firefox、Chrome等也有少量的差异,可以通过CSS前缀如`-moz-`(Firefox)、`-webkit-`(Safari/Chrome)来针对特定浏览器实现特性。 6. **最佳实践**: - 尽量避免使用Hack...