css hack 大全，csshack

css hack 大全，csshack

各個瀏覽器的css hack區別屬性：

IE6：       _zoom:1;IE6/7：     *zoom:1;IE6/7/8/9 ：\9

各個瀏覽器的css hack區別規則

IE6：   *html{}IE7：   +.class{}非IE6： html>body {}僅Firefox：@-moz-document url-prefix(){}saf3+和Google：@media all and (-webkit-min-device-pixel-ratio:0){}僅opera：@media all and (-webkit-min-device-pixel-ratio:10000),not all and(-webkit-min-device-pixel-ratio:0){}iphone/mobile/webkit：@media screen and (max-device-width:480px){}

但是，我們應該盡量避免使用CSS Hack。

1. property:value; /* 所有瀏覽器 */
2. +property:value; /* IE7 */
3. _property:value; /* IE6 */
4. *property:value; /* IE6/7 */
5. property:value\9; /* IE6/7/8/9，即所有IE瀏覽器 */

1. * html selector { … }; /* IE6 */
2. *:first-child+html selector { … }; /* IE7 */
3. html>body selector { … }; /* 非IE6 */
4. @-moz-document url-prefix() { … }; /* firefox */
5. @media all and (-webkit-min-device-pixel-ratio:0) { … }; /* saf3+/chrome1+ */
6. @media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { … }; /* opera */
7. @media screen and (max-device-width: 480px) { … }; /* iPhone/mobile webkit */