以前写过《IE8的css hack》,ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下:
select {
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
*background-color:#dddd00; /* ie 7*/
_background-color:#CDCDCD; /* ie 6*/
}
注意写hack的顺序,其中:
- background-color:red\0;IE8和IE9都支持;
- background-color:blue\9\0; 仅IE9支持;
更多其他hack关注:http://www.css88.com/archives/1681。
感谢mxclion,感谢内部参考群!
===============华丽的分割线===============
今天在http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx上看到另一种hack:
#element {
color:orange;
}
#element {
*color: white; /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red; /* IE6 */
}
#element {
color: green\0/IE8+9; /* IE8+9 */
}
:root #element { color:pink \0/IE9; } /* IE9 */
分享到:
相关推荐
标题中的“IE9的css hack使用示例”揭示了随着IE9浏览器的推出,CSS hack也需要相应的更新以适应新版本的特性。IE9作为微软发布的Windows Internet Explorer浏览器的第九个版本,它在CSS支持方面较之IE8有了一些提升...
例如,`.ie-only { color: red; }` 将仅在IE浏览器中生效。 - **`>` (大于号)**:此符号用于指定父元素的直接子元素,但在IE6、IE7和IE8中被视为通用选择器,可以用来针对性地应用样式。 - **`*` (星号)**:星号...
通过合理运用上述提到的各种CSS Hack技术和兼容性解决方案,可以有效地解决不同版本IE浏览器以及其他非IE浏览器之间的兼容性问题,从而确保网站在各种环境下都能够呈现出一致且良好的用户体验。
在网页设计和开发中,CSS Hack常常被用来解决不同浏览器之间的样式兼容问题,尤其是IE(Internet Explorer)浏览器的各个版本之间。"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8...
### CSS Hack 汇总:解决 IE6,IE7,IE8 及 Firefox 的兼容性问题 在网页设计与开发领域,确保不同浏览器间的代码兼容性是一项挑战性的任务,尤其是在处理像 Internet Explorer 6(IE6)、IE7、IE8 和 Firefox 这些...
.ieonly { display: none; } <![endif]--> ``` #### 三、CSS Hack的书写顺序 CSS Hack的书写顺序通常是按照浏览器的识别能力从弱到强来排列,即**标准浏览器 (如Firefox) < IE7 < IE6**。这样的顺序可以确保...
这个Hack利用了IE6和IE5的特性,通过在CSS属性值前后添加注释和`/**/`来创建一个只对这两个版本的IE浏览器有效的Hack。 #### 仅 IE5 识别 ```css select /*IE5 recognizes this hack*/ {} ``` 通过在CSS规则后...
12. **IE的条件注释Hack**:如`Only IE 6-`仅在IE6中识别,`Only IE 7-`仅在IE7中识别,这些通常用于HTML中的条件注释来导入特定的样式表。 13. **IE8兼容性识别**:`div{height:20px\9;}`,`\9`字符序列在IE8中...
为了解决这个问题,开发者们发明了一种特殊的CSS技巧,称为“CSS if hack条件语法”,即在CSS代码中嵌入特定的条件语句,来针对不同版本的IE应用不同的样式。这些条件语句通常以HTML注释的形式存在,只有特定版本的...
在这些解决方案中,条件注释、有条件的类以及特定于IE的CSS hack是三种主要手段。然而,微软宣布IE10将不再支持插件及条件注释,这无疑对开发者提出了新的挑战。 首先,条件注释是IE浏览器的一个特性,通过特殊的...
为了兼容不同版本的IE浏览器及火狐浏览器,开发者常采用CSS Hack技术来针对性地应用样式。以下是一些常用的Hack方法: - **星号Hack(*)**:用于向IE7及以上版本和火狐浏览器发送特定样式,而忽略IE6。 - **下划线...
较少的需要更少 v1.7.0 或更高版本 @import " path/to/hack-css.less "// give hack for each selector which you need.class { .only-ie6({ hasLayout: 1; }) .only-ie7 ({ margin : 0 ; })}// give hack for all ...
由于不同浏览器(如IE6.0、IE7.0、Firefox2、Opera9等)对CSS的解析存在差异,这可能导致同一网页在不同浏览器下呈现的效果各异,从而影响用户体验。为了解决这一问题,广泛采用的一种策略是CSS Hack,即通过特定的...
/* IE6 only */ } ``` 这里`!important`标记被用来确保规则在IE7及更高版本的浏览器中生效,而没有`!important`的规则则只在IE6中生效。 ##### 2\. 使用条件注释和特殊选择器 这种方法利用了IE6/IE7对CSS选择器...
**CSS Hack 概述** CSS Hack 是一种针对不同浏览器之间的CSS样式解析差异而采取的解决策略,目的是确保网站在各种浏览器上展现一致。由于不同浏览器对CSS规范的实现不尽相同,有时会出现某些样式在某个浏览器中生效...
9. IE的条件注释(条件注释Hack):使用特定的HTML注释语法,根据IE的版本范围来引入不同的样式,例如: - <!--[if IE]>OnlyIE<![endif]--> /* 所有IE可识别 */ - <!--[if lte IE 7]>OnlyIE7<![endif]--> /* 仅IE7...
#### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...
<link rel="stylesheet" type="text/css" href="ie-only.css" /> <![endif]--> ``` 2. CSS类前缀或后缀:通过添加特定的类或ID前缀或后缀,使得某些样式只适用于特定浏览器。如使用IE前缀`* html`或IE6前缀`_`来...