zoukankan      html  css  js  c++  java
  • 用CSS hack技术解决浏览器兼容性问题.

    /* CSS属性级Hack */
    color:red;    /* 所有浏览器可识别*/
    _color:red;     /*  仅IE6 识别 */
    *color:red;    /*  IE6、IE7 识别 */
    +color:red;    /*  IE6、IE7 识别 */
    *+color:red;    /*  IE6、IE7 识别 */
    [color:red;    /*  IE6、IE7 识别 */
    color:red9;    /* IE6、IE7、IE8、IE9 识别 */
    color:red;    /* IE8、IE9 识别*/
    color:red9;    /* 仅IE9识别 */
    color:red ;    /* 仅IE9识别 */
    color:red!important; /* IE6 不识别!important 详情参见*/
    -------------------------------------------------------------
    /* CSS选择符级Hack */
    *html #demo { color:red;}   /*  仅IE6 识别 */
    *+html #demo { color:red;}  /*  仅IE7 识别 */
    body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以识别 */
    head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以识别 */
    :root #demo { color:red9; } : /* 仅IE9识别 */
    --------------------------------------------------------------
    /* IE条件注释Hack 详情参见 */
    <!--[if IE]>此处内容只有IE可见<![endif]--> 
    <!--[if IE 6]>此处内容只有IE6.0可见<![endif]--> 
    <!--[if IE 7]>此处内容只有IE7.0可见<![endif]--> 
    <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
    <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
    <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
    <!--[if !IE]>此处内容只有非IE可见<![endif]--> 
  • 相关阅读:
    20180925-7 规格说明书-吉林市2日游
    第二周例行报告psp
    20180918-1 词频统计
    第一周例行报告psp
    第一周博客作业2018091-2
    20181009-9 每周例行报告
    20180925-1 每周例行报告
    20180925-7 规格说明书-吉林市2日游
    20180925-5 代码规范,结对要求
    20180925-4 单元测试,结对
  • 原文地址:https://www.cnblogs.com/dsphper/p/4226993.html
Copyright © 2011-2022 走看看