您当前位置: 首页 » web前端 » html5+css3 » web前端 » 浏览器 CSS Hack 收集

浏览器 CSS Hack 收集

2015年6月29日 | 蒙奇·D·撸码客 发表评论(0) 查看评论

所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。

Firefox 浏览器
@-moz-document url-prefix() {
.selector {
property: value;
}
}
支持所有Gecko内核的浏览器 (包括Firefox)
*>.selector { property: value; }
Webkit 内核浏览器
@media screen and (-webkit-min-device-pixel-ratio: 0) {
Selector {
property: value;
}
}
Opera 浏览器
html:first-child>b\ody Selector {property:value;}
IE 浏览器
IE 浏览器针对不同的版本有不同个Hack方式。
IE 9
:root Selector {property: value\9;}
IE 9-
Selector {property: value\9;}
IE 8
Selector {property: value/;}

或:
@media \0screen {
Selector {property: value;}
}
IE 8+
Selector {property: value\0;}
IE 7
*+html Selector{property:value;}

或:
*:first-child+html Selector {property:value;}
IE 7-
Selector {*property: value;}
IE6
Selector {
_property: value;
}

或者:
*html Selector {
property: value;
}
via:segmentfault.com


html5+css3,web前端内容推荐

分类:

JavaScript, web前端

| 标签:

发表评论?

0 条评论。

发表评论