HTML 9—HACK

条件HACK

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">

    </style>
</head>

<body>
    <!--     
        有一些情况，有一些特殊的代码我们只需要在某些特殊的浏览器中执行，
            而在其他的浏览器中不需要执行，这时就可以使用CSS Hack来解诀该问题
        CSS Hack实际 上指的是一个特殊的代码，这段代码只在某些浏览器中可以识别，
            而其他浏览器不能识别，通过这种方式，来为一些浏览器设置特殊的代码
     -->
    <!--
        条件Hack，条件hack只对IE浏览器有效，其他的浏览器都会将它识别为注释
            IE10及以上的浏览器已经不支持这种方式

     -->
    <!-- 以下内容只会出现在IE6中-->
    <!--[if IE 6]>
        <p>为了您和家人的健康，请远离IE6!</p>
    <![endif]-->
    <!--[if IE 8]>
        <p>当前浏览器是IE8</p>
    <![endif]-->

    <!--[if lt IE 8]>
       <p>该标签会在IE9以下的浏览器中显示</p>
    <![endif]-->

    <!--[if gt IE 6]>
       <p>该标签会在IE6以上的浏览器中显示</p>
    <![endif]-->

    <!--[if ! IE 6]>
       <p>该标签会在除IE6以外的浏览器中显示</p>
    <![endif]-->

</body>

</html>

 属性HACK

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .body {
            background-color: #bfa;
            /*
                假设在IE6中需要将背景颜色设置为黄色才能达到和其他浏览器同样的效果
                希望黄色背景只在IE6中生效
            */
            /*在样式前添加一个下划线，则该样式只有IE6及以下的浏览器才可以识别*/
            /* _background-color: yellow; */
            /* 添加了*的样式只有IE7及以下的浏览器认识 */
            /* *background-color: yellow; */
            /* 在样式最后添加一个\0则只有IE8及以，上的浏览器才能识别 */
            /* background-color: yellow\0;
            *background-color: yellow; */
            /* CSS Hack不到万不得已的情况尽量不要使用 */

        }
    </style>
</head>

<body>

</body>

</html>

 

 

posted @ 2020-07-19 00:33  我等着你  阅读(215)  评论(0)    收藏  举报