zoukankan      html  css  js  c++  java
  • 针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack

    Firefox的CSSHack


    只在Firefox上应用的CSS Hack,虽然这种情况非常少,但有时也会碰到:

    @-moz-document url-prefix() {
    .cssSelector {
    font-size: 14px;
    }
    }

    Chrome的CSSHack


    只在Chrome上应用的CSS Hack,目前这种情况还没有碰到(使用Chrome作为开发浏览器的原因?),有备无患吧。

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #test1{color:red;}
    }

    IE6/7/8/9+的CSS Hack

    只在IE上应用的CSS Hack, 这种情况几乎经常碰到, 这里使用的是一种通用的方法,情况复杂,需要先划分一下版本:

    在body上附加一个IE版本的class

    Hack CSS跟其他CSS文件写一起。

    IE9+ 不加Hack;IE6,IE7, IE8 加 ie的前辍, IE6多加一个ie6的前辍Hack (大部分给ie7/8写的hack, IE6都会用到)

    <!--[if lt IE 7 ]><body class="ie ie6"><![endif]-->
    <!--[if IE 7]><body class="ie"><![endif]-->
    <!--[if IE 8]><body class="ie"><![endif]-->

    为IE附加新的CSS文件

    IE7/8多加一个,IE6多加两个,就让IE多装点东西吧,不要污染别的CSS文件

    <!--[if lt IE 9]>
    <link type="text/css" rel="stylesheet" href="css/show_ie.css">
    <![endif]-->
    <!--[if lt IE 7]>
    <link type="text/css" rel="stylesheet" href="css/show_ie6.css">
    <![endif]-->



    注* lt 是 less than的意思;即 "ifless than IE9" = "if lt IE 9",还有几个,不过用得比较少

      • gt: greater than
      • lte: less than or equal to

    作者:小坏

    出处:http://tnnyang.cnblogs.com

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

  • 相关阅读:
    default关键字用法
    【转载】SpringMvc和servlet简单对比介绍
    build模式入门,build模式理解(转载)
    tomcat logs 目录下各日志文件的含义
    @Component, @Repository, @Service,@Controller的区别
    在项目开发时为什么要先写接口,再写实现类?
    java 中static关键字注意事项
    this关键字使用注意事项
    两个对象之前如何建立联系
    html页面监听事件
  • 原文地址:https://www.cnblogs.com/tnnyang/p/4092582.html
Copyright © 2011-2022 走看看