zoukankan      html  css  js  c++  java
  • ie浏览器兼容性快速处理小招

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
        html{font-weight:bold}/*all*/
        *html{text-decoration:underline}/*for IE6*/
        *+html{font-style:italic}/*for IE7*/
        .tt
        {
            color:Red; /*all*/
            #color:Green; /* for IE*/
            *color:Blue; /* for IE7*/
            _color:Gray; /* for IE6*/
        }
        </style>
    </head>
    <body>
        <div class="tt">
        ie6下你看见的是:加粗下划线灰色字体<br/>
        ie7下你看见的是:加粗倾斜蓝色字体<br/>
        其他浏览器你看见的是:加粗红色字体
        </div>
    </body>
    </html>

    以上是快速处理方法,当然,我们通常会这样写来区分浏览器:

    <!--[if lt ie 9]>
        ......
    <![endif]-->

    这里要做一个特别的说明:就是IE特有的注释判断:

    lte:就是Less than or equal to的简写,也就是小于或等于的意思。

    lt :就是Less than的简写,也就是小于的意思。

    gte:就是Greater than or equal to的简写,也就是大于或等于的意思。

    gt :就是Greater than的简写,也就是大于的意思。

    ! : 就是不等于的意思,跟javascript里的不等于判断符相同,如<!--[if !ie]>,表示非IE浏览器下的设置

    因为IE9虽然支持html5标签,但支持的不是很完整,所以,也可以写"lte",这取决于你的选择!

  • 相关阅读:
    洛谷 P2700 逐个击破
    洛谷 P1503 鬼子进村
    洛谷 P1556 幸福的路
    洛谷 P1490 买蛋糕
    洛谷 P2507 [SCOI2008]配对
    code vs 3305 水果姐逛水果街Ⅱ
    通过idea远程调试
    【Cocos2d-x JavaScript Binding】
    ☀【SeaJS】SeaJS Grunt构建
    -_-#【Better Code】throttle / debounce
  • 原文地址:https://www.cnblogs.com/kandyvip/p/3456999.html
Copyright © 2011-2022 走看看