zoukankan      html  css  js  c++  java
  • 浏览器兼容处理

    条件注释:

    两个--和左中括号[之间不能有空格,否则无效

    [1]IE9-(<!--[if IE]><![endif]-->)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    <style>
    .box{
        height: 100px;
         100px;
        background-color: red;
    }
    </style> 
    </head>
    <body>
    <!--[if IE]>
    <div class="box" id="box"></div>
    <![endif]-->
    </body>
    </html>
    

      [2]仅单一IE(<!--[if IE 6]><![endif]-->);

    [3]大于 gt ||  大于等于 gte || 小于 lt || 小于等于 lte(<!--[if gte IE 8]><![endif]-->)

    [4]非IE(IE10+也能识别),此处多加的<-->,在IE中被当作内部注释,而在非IE浏览器中会闭合之前的注释(<!--[if !IE]><--><![endif]-->)

    CSS :

    1]IE6-(下划线、中划线)(_color:blue;-color:blue;)

    [2]IE7-(星号、加号)(*color:blue;+color:blue;)

    [3]IE10-(9)(color:blue9;)

    [4]IE8+()(color:blue;)

    [5]IE9、IE10(9)(color:blue9;)

    选择器前缀法:

    [1]IE6-(*html)

    IE7(*+html)

    IE8(@media )

    IE9+及其他非IE浏览器(:root)

    [6]chrome、safari、opera(@media screen and (-webkit-min-device-pixel-ratio:0))

  • 相关阅读:
    关于抽象类
    封装.继承.多态
    构造方法
    String
    无参方法与有参方法
    类和对象
    使用分层实现业务处理(二)
    使用分层实现业务处理(一)
    序列化Serializable接口
    用JSP从数据库中读取图片并显示在网页上
  • 原文地址:https://www.cnblogs.com/vali/p/5908095.html
Copyright © 2011-2022 走看看