• CSS hack 如何区分所有IE浏览器和非IE浏览器


    网上方法很多,例如,测试后得出以下结论,多余的话不说了,直入主题:

    1.所有的推理IE浏览器

    正解:此写法仅仅被lE浏览器识别,非IE浏览器不识别。

    <!--[if IE]>
    <style type="text/css">

    ……/*详细的样式*/
    </style>
    <![endif]-->

    误解:下面写法IE和非IE浏览器都能识别

    <!–[if IE]>
    <style type="text/css">

    ……/*详细的样式*/
    </style>
    <![endif]–>

    2.推断非IE浏览器

    误解1:此种写法。IE和非IE都不识别

     <!--[if !IE]>
    <style type="text/css">
    ……/*详细的样式*/

    </style>
     <!--<![endif]-->

    误解2:下面写法IE和非IE浏览器都能识别

    <!–[if !IE]><!–>
    <style type="text/css">
    ……/*详细的样式*/

    </style>

    <!–<![endif]–>

    终于解决方式:

    先写一个全部浏览器都识别的样式,然后再在其以下写一个仅仅有IE浏览器能识别的同名样式,这样就能区分出IE和非IE下的效果了。

    本人用于解决IE浏览器和非IE浏览器的边框差异问题,样式处理方式例如以下:

    <!–[if !IE]><!–>
    <style type="text/css">
    .divbody{
     margin-top:4px;
    }
    </style>
    <!–<![endif]–>

    <!--[if IE]>
    <style type="text/css">
    .divbody{
     margin-top:0px;
    }
    </style>
    <![endif]-->

    眼下没有找到仅它只能是不IE浏览器识别的措辞,小伙伴有一个好办法。王先生告诉,升值!

    版权声明:本文博主原创文章,博客,未经同意不得转载。

  • 相关阅读:
    JS-Date日期内置对象
    JS-string内置对象
    MyBatis的事务处理
    MyBatis的简单操作
    MyBatis第一个项目示例
    CSS-盒子模型
    百分比布局的使用
    使用TabLayout快速实现一个导航栏
    彻底理解android中的内部存储与外部存储
    Eclipse的LogCat总是自动清空怎么办?
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/4851933.html
Copyright © 2020-2023  润新知