css HACK

一、IE6 css hack

  1. html Selector {} / Selector 表示 css选择器 下同 */
  1. Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
  2. Selector { _property//: //value; }
  3. Selector { -property: value; } /*[IE6 css hack]常用习惯推荐使用下划线_ */

二、IE7 css hack

  1. **+html Selector {}
  1. *:first-child+html Selector {}

三、IE8 css hack

Selector { /* 注意看value值的 /
property: value1; /
W3C MODEL /
property: value2\0; /
IE 8+ /
property: value1\9\0; /
IE 9+ */
}

四、IE6、IE7、IE8共有的css hack

Selector { property: value\9; }

五、IE6、IE7共有的css hack:

  1. Selector { *property: value; }
  1. Selector { #property: value; }
  2. Selector { +property: value; }

六、IE8+ css hack

Selector { property: value\0; }

七、IE9+ css hack
Selector { property: value\9\0; }

八、判断方式:
<code>
<!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
<!–[if IE]> 所有的IE可识别 <![endif]–>
<!–[if IE 6]> 仅IE6可识别 <![endif]–>
<!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
<!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
<!–[if IE 7]> 仅IE7可识别 <![endif]–>
<!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
<!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>
<!–[if IE 8]> 仅IE8可识别 <![endif]–><!–[if IE 9]> 仅IE9可识别 <![endif]–>
</code>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是CSS hack? 由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Oper...
    魔_术师阅读 7,606评论 0 3
  • 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的...
    大女表哥阅读 4,808评论 0 9
  • 原文地址:常见的CSS Hack 转载请注明出处 什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本...
    xiaoxiao昱阅读 4,411评论 0 9
  • -:Internet Explorer CSS :- SpecialPurpose _::selection, :...
    弥果阅读 5,141评论 0 1
  • 在现在的开发中,基本很少用到hack了,但是还是有必要做一定的了解,以备不时之需。 什么是CSS hack 由于不...
    lMadman阅读 3,165评论 0 2

友情链接更多精彩内容