zoukankan      html  css  js  c++  java
  • __x__(48)0910第六天__CSS Hack

    CSS Hack:

    不到万不得已,不要使用。不易于维护。

    有一些情况,需要一段特殊代码在遇到特殊浏览器环境才执行,而在其他条件下,不执行。

    此时,CSS Hack 就能实现。


    CSS Hack 实际上指的是一段特殊的代码,这段代码只在特定的浏览器环境下识别并执行。

     


    写法:

    条件Hack只对IE9及以,下的浏览器有效,其他浏览器视为注释

    <!--[if <关键字>? IE <版本>?]>

     

    <![end]-->

    关键字:

    ""    是否为

    "gt"    大于

    "gte"    大于等于

    "lt"    小于

    "lte"    小于等于

    "!"    不是

     


     

    <!--[if IE 8]>

     <p>当前浏览器为IE8 !<p>

    <![end]-->

     


     

    <!--[if lte IE 7]>

    <p>您的环境为IE7及以下 !</p>

    <![end]-->

        <!--条件Hack-->
        <!--[if IE 6]>
            <!-- 引入外部js文件 -->
            <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script>
            
            <!-- 写js处理 -->
            <script type="text/javascript">
                DD_belatedPNG.fix("div,body");    // 修复div的图片显示,可以写*代替,但是会影响性能。
            </script>
        <![end]-->

    属性级Hack

    假设 color 属性,在 IE6 需要设置成 red,但是在其他需要设置成 blue

    _样式        IE6 及以下浏览器执行。

    *样式        IE7 及以下浏览器执行。

    color: red9;        IE6 及以上的浏览器执行。

    color: red;        IE8 及以上的 或者 Oprea15以下的浏览器执行。

    *{

     

    }


    选择符级Hack

    IE6

    * html body{

    background-color: red;

    }

     

    IE7

    *+html body{

    background-color: red;

    }

     

    IE8+ 或 非IE

    body:lang{

    background-color: red;

    }

     

    IE9+ 或 非IE

    body:nth-child(1){

    background-color: red;

    }


    --------小尾巴 ________一个人欣赏-最后一朵颜色的消逝-忠诚于我的是·一颗叫做野的心.决不受人奴役.怒火中生的那一刻·终将结束...
  • 相关阅读:
    常用端口号
    linux java 和jmeter 环境变量配置文件笔记(原)
    部署个人wordpress 笔记
    locust安装及其简单使用----基于python的性能测试工具
    JMeter配置好环境变量后无法启动---翻车笔记
    Jmeter常见问题(转)
    机器学习环境配置系列三之Anaconda
    机器学习环境配置系列二之cuDNN
    机器学习环境配置系列一之CUDA
    准确率、精确轨、召回率等
  • 原文地址:https://www.cnblogs.com/tianxiaxuange/p/9621536.html
Copyright © 2011-2022 走看看