条件hack,属性hack

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 
            有一些特殊代码只需要在某些特殊浏览器中执行
                而在其他浏览器中不需要执行,使用css hack解决
            CSS Hack指一个特殊代码,某些浏览器可以识别,其他的不能
         -->
         
         <!-- 
            条件Hack只对IE有效,其他浏览器都识别为注释
            IE10以上已经不支持这种方式
          -->
         <!-- 
            只会在IE6显示
          -->
         <!--[if IE 6]>             
             <p>为了您和家人健康,原理IE6!!</p>
         <![endif]-->
         
         <!-- 
            只会在IE9及以下显示
          -->
          <!--[if lte IE 9]>
              <p>只会在IE9及以下显示</p>
          <![endif]-->
          
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        /*只有IE6可以识别*/
            *html body{
                background-color: #BBFFAA;
                /*只在IE显示背景*/
                /*样式前添加下划线 解决IE6及以下显示背景问题*/
                _background-color: yellow;
                /*IE7及以下显示*/
                *background-color: yellow;
                /*IE8及以上显示*/
                background-color: yellow\0;
                /*css hack不到万不得已不要使用*/
            }
        </style>
    </head>
    <body>
        
        
        
        <!--[if IE]>
            
        <![endif]-->
    </body>
</html>

条件hack,属性hack

上一篇:vue之标签


下一篇:Firefox 51 浏览器将正式支持 FLAC 解码播放