区分所有浏览器hack示例

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>cssHack</title>
  6. <style type="text/css">
  7. h1{
  8. color:red; /* 通用写法，现在针对除了下面内核的其他浏览器 */
  9. color:blue\9; /* 通用效果 ie8 显示蓝色*/
  10. *color:yellow; /* 通用效果 ie7 显示黄色*/
  11. _color:green; /* 通用效果 ie6 显示绿色*/
  12. }
  13. @-moz-document url-prefix(){h1 {color:black;}} /*ff专属*/
  14. @media screen and (-webkit-min-device-pixel-ratio:0){h1 {color:#ccc; }}/*safari 专属*/
  15. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body h1 { color:orange; }}/*opera专属*/
  16. </style>
  17. </head>
  18. <body>
  19. <h1>我要不同的浏览器显示不同的颜色</h1>
  20. </body>
  21. </html>
posted @ 2011-06-07 16:59  ice_nemo  阅读(170)  评论(0)  编辑  收藏  举报