`
caibinghong
  • 浏览: 151044 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

IE9 Only CSS Hack

阅读更多

 

以前写过《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的顺序,其中:

  1. background-color:red\0;IE8和IE9都支持;
  2. 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浏览器的推出,CSS hack也需要相应的更新以适应新版本的特性。IE9作为微软发布的Windows Internet Explorer浏览器的第九个版本,它在CSS支持方面较之IE8有了一些提升...

    css_hack csshack技术

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

    css区别IE和非IE浏览器

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

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

    在网页设计和开发中,CSS Hack常常被用来解决不同浏览器之间的样式兼容问题,尤其是IE(Internet Explorer)浏览器的各个版本之间。"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8...

    CSS hack汇总

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

    CSS Hack是什么

    .ieonly { display: none; } <![endif]--> ``` #### 三、CSS Hack的书写顺序 CSS Hack的书写顺序通常是按照浏览器的识别能力从弱到强来排列,即**标准浏览器 (如Firefox) < IE7 < IE6**。这样的顺序可以确保...

    CSS Hack 汇总快查

    这个Hack利用了IE6和IE5的特性,通过在CSS属性值前后添加注释和`/**/`来创建一个只对这两个版本的IE浏览器有效的Hack。 #### 仅 IE5 识别 ```css select /*IE5 recognizes this hack*/ {} ``` 通过在CSS规则后...

    常用CSS HACK问题及解决代码.docx

    12. **IE的条件注释Hack**:如`Only IE 6-`仅在IE6中识别,`Only IE 7-`仅在IE7中识别,这些通常用于HTML中的条件注释来导入特定的样式表。 13. **IE8兼容性识别**:`div{height:20px\9;}`,`\9`字符序列在IE8中...

    IE系列的Css if hack条件语法

    为了解决这个问题,开发者们发明了一种特殊的CSS技巧,称为“CSS if hack条件语法”,即在CSS代码中嵌入特定的条件语句,来针对不同版本的IE应用不同的样式。这些条件语句通常以HTML注释的形式存在,只有特定版本的...

    ie10 css hack 条件注释等兼容方式整理

    在这些解决方案中,条件注释、有条件的类以及特定于IE的CSS hack是三种主要手段。然而,微软宣布IE10将不再支持插件及条件注释,这无疑对开发者提出了新的挑战。 首先,条件注释是IE浏览器的一个特性,通过特殊的...

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

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

    hack-css:一种简单的 css hack 方法

    较少的需要更少 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 ...

    CSS浏览器兼容性的各种代码解决方案

    由于不同浏览器(如IE6.0、IE7.0、Firefox2、Opera9等)对CSS的解析存在差异,这可能导致同一网页在不同浏览器下呈现的效果各异,从而影响用户体验。为了解决这一问题,广泛采用的一种策略是CSS Hack,即通过特定的...

    CSS完美兼容IE6_IE7_FF的通用方法

    /* IE6 only */ } ``` 这里`!important`标记被用来确保规则在IE7及更高版本的浏览器中生效,而没有`!important`的规则则只在IE6中生效。 ##### 2\. 使用条件注释和特殊选择器 这种方法利用了IE6/IE7对CSS选择器...

    CSS Hack 汇总快查 振之整理

    **CSS Hack 概述** CSS Hack 是一种针对不同浏览器之间的CSS样式解析差异而采取的解决策略,目的是确保网站在各种浏览器上展现一致。由于不同浏览器对CSS规范的实现不尽相同,有时会出现某些样式在某个浏览器中生效...

    CSS Hack 汇总速查手册浏览器兼容必会

    9. IE的条件注释(条件注释Hack):使用特定的HTML注释语法,根据IE的版本范围来引入不同的样式,例如: - <!--[if IE]>OnlyIE<![endif]--> /* 所有IE可识别 */ - <!--[if lte IE 7]>OnlyIE7<![endif]--> /* 仅IE7...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    css hack总结 图片整理版

    <link rel="stylesheet" type="text/css" href="ie-only.css" /> <![endif]--> ``` 2. CSS类前缀或后缀:通过添加特定的类或ID前缀或后缀,使得某些样式只适用于特定浏览器。如使用IE前缀`* html`或IE6前缀`_`来...

Global site tag (gtag.js) - Google Analytics