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]--> 
  • 相关阅读:
    wifite+aimon-ng
    DC-2
    chrome插件开发
    mongoose的基本操作方法
    webpack中的require.context
    sequelize 数据类型 model
    React17 系统精讲 结合TS打造旅游电商平台
    2021必修 React17+React Hook+TS4 最佳实践,仿 Jira 企业级项目
    21.8.2
    胡渊鸣《浅析信息学竞赛中概率论的基础与应用》学习笔记
  • 原文地址:https://www.cnblogs.com/dsphper/p/4226993.html
Copyright © 2011-2022 走看看