前端必看!各大瀏覽器 CSS Hack 收集
所謂的Hack就是只有特定瀏覽器才能識別這段hack代碼。Hack 不是什么好東西,除非沒有辦法,我們盡量還是不要用著玩意。 下面是各個瀏覽器的CSS Hack 列表。
所謂的Hack就是只有特定瀏覽器才能識別這段hack代碼。Hack 不是什么好東西,除非沒有辦法,我們盡量還是不要用著玩意。 下面是各個瀏覽器的CSS Hack 列表。
Firefox 瀏覽器
- @-moz-document url-prefix() {
- .selector {
- property: value;
- }
- }
支持所有Gecko內(nèi)核的瀏覽器 (包括Firefox)
- *>.selector { property: value; }
- Webkit 內(nèi)核瀏覽器
- @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;
- }
責(zé)任編輯:王雪燕
來源:
segmentfault