[转]CSS常用的hack技巧

在iteye上看到一篇介绍CSS常用的Hack的技巧,转过来自己Mark下。

color:red; /* 所有浏览器都支持 */
 color:red !important;/* 除IE6外 */
 _color:red; /* IE6支持 */
 *color:red; /* IE6、IE7支持 */
 +color:red;/*IE7支持*/
 *+color:red; /* IE7支持 */
 color:red\9; /* IE6、IE7、IE8、IE9支持 */
 color:red\0; /* IE8、IE9支持 */
 color:red\9\0;/*IE9支持*/

/* webkit and opera */
 @media all and (min-width: 0px){ div{color:red;} }

/* webkit */
 @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }

/* opera */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-

ratio:0) { div{color:red;} }

/* firefox * /
 @-moz-document url-prefix(){ div{color:red;}} /* all firefox */

html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */
 }

body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */

其他还有使用注释的方式对IE进行判断的方法也应该算是Hack的方法,这个可以参考前面的一篇文章:html+css判断各个IE浏览器版本

本文固定链接: https://jucelin.com/css-hack.html | Jucelin

该日志由 jucelin 于2011年11月25日发表在 前端设计 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: [转]CSS常用的hack技巧 | Jucelin
关键字: , , , , ,
【上一篇】
【下一篇】

[转]CSS常用的hack技巧:目前有6 条留言

  1. 地板
    西门:

    个人觉得好的前端除了兼容IE6以外,一般是不需要写hack的

    2011-11-26 21:25
    • jucelin:

      IE8好像也是个特例,如果没记错,呵呵。

      2011-11-27 00:44
  2. 板凳
    心淡若水:

    兼容问题越来越让人头疼
    期待谁能一统天下

    2011-11-26 16:04
    • jucelin:

      如果现在没有了XP,那么估计就会使WIN7的天下了,低于IE8的浏览器估计就会消失了。其实如果现在国内的大公司都给用户一个升级IE的提示,IE的世界早改朝换代了~

      2011-11-26 16:38
  3. 沙发
    Demon:

    写主题做兼容什么的最烦了。

    2011-11-26 11:36

发表评论

您必须 [ 登录 ] 才能发表留言!

更多