CSS Hank兼容浏览器

[css]
  1. color:red; /* 所有浏览器都支持 */  
  2. color:red !important; /* 除IE6外 */  
  3. _color:red; /* IE6支持 */  
  4. *color:red; /* IE6、IE7支持 */  
  5. +color:red; /*IE7支持*/  
  6. *+color:red; /* IE7支持 */  
  7. color:red\9; /* IE6、IE7、IE8、IE9支持 */  
  8. color:red\; /* 针对所有IE */  
  9. color:red\0; /* IE8、IE9支持 */  
  10. color:red\9\0; /*IE9支持*/  
  11. :root .test { color:red\0; }  /*IE9支持*/  
  12. /* webkit and opera */  
  13. @media all and (min-width: 0px){ div{color:red;} }  
  14. /* webkit */  
  15. @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }  
  16. /* opera */  
  17. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { div{color:red;} }  
  18. /* firefox * / 
  19. @-moz-document url-prefix(){ div{color:red;} } /* all firefox */  
  20. html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */  
  21. body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */  


[html]
    1. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->  
    2. <!--[if IE 7 ]> <html class="ie7"> <![endif]-->  
    3. <!--[if IE 8 ]> <html class="ie8"> <![endif]-->  
    4. <!--[if IE 9 ]> <html class="ie9"> <![endif]-->  
    5. <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->  
    6. <!-[if IE 7]> = 等于 IE7  
    7. <!-[if lt IE 8]> = 小于 IE8（就是 IE7 或以下了啦）  
    8. <!-[if gte IE 8]> = 大于或等于 IE8  
    9. <meta http-equiv="x-ua-compatible" content="ie=7" />  
    10. 把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了  
    11. <!-[if IE]>  
    12. <link rel="stylesheet" href="/ie-all.css" type="text/css" media="screen" />  
    13. <![endif]->  
    14. <!-[if lt IE 8]>  
    15. <link rel="stylesheet" href="/ie.css" type="text/css" media="screen" />  
    16. <![endif]->  
    17. <!-[if IE 7]>  
    18. <link rel="stylesheet" href="/ie7.css" type="text/css" media="screen" />  
    19. <![endif]->  
    20. <!-[if IE 6]>  
    21. <link rel="stylesheet" href="/ie6.css" type="text/css" media="screen" />  
    22. <![endif]->  
posted @ 2017-02-06 21:24  亲爱的安德烈  阅读(53)  评论(0)    收藏  举报