当前位置： 移动技术网 > IT编程>开发语言>JavaScript > CSS HACK 如何书写

CSS HACK 如何书写

2019年02月20日  | 移动技术网IT编程  | 我要评论


有三种表现形式，css属性前缀法，选择器前缀法，以及ie条件注释法。

css属性前缀法

ie6+ css hack：

selector { _property: value; }
ie7+ css hack：

selector { *+property: value; }
ie8+ css hack：

selector { property: value\0; }
ie9+ css hack：

selector { property: value\9\0; }

选择器前缀法:

是针对一些页面表现不一致或者需要特殊对待的浏览器，在css选择器前加上一些只有某些特定浏览器才能识别的前缀进行hack。
目前最常见的是
html 前缀只对ie6生效
+html +前缀只对ie7生效
@media screen\9{...}只对ie6/7生效
@media \0screen {body { background: red; }}只对ie8有效
@media \0screen\,screen\9{body { background: blue; }}只对ie6/7/8有效
@media screen\0 {body { background: green; }} 只对ie8/9/10有效
@media screen and (min-width:0\0) {body { background: gray; }} 只对ie9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对ie10有效

ie条件注释法：

<!–[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]–>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网