css之IE hack 方法[ IE6

ps: 由于近来需要研究IE下兼容问题，今天又再次翻起起这些针对IE的hack，于是决定写下这篇笔记，记录下这些本该献祭级浏览器下的处理方法，用于备忘

一、IE10以及以下版本均会生效（ie edge模式下显示与主流浏览器并无差异在IE10 - IE5均产生背景为绿色）实测

测试代码
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        .div{

            height: 40px ;

            background:pink ;

            background: yellowgreen\9 ;

        }

    </style>

</head>

<body>

    <div class="div">test</div>

</body>

</html>

二、IE7会独自生效需在css代码最前方增加“ * ”(星号) 和在css最前方增加 “ + ”（该方法在IE7 - IE 5）均会生效

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>Document</title>

     <style>

         .div{

             height: 40px ;

             background:pink ；

             /* IE7代码 */

             *background: yellow ;
               +background: yellow ;/*该方法在ie7 - ie5 下均产生效果*/

         }

     </style>

 </head>

 <body>

     <div class="div"></div>

 </body>

 </html>

三**、IE6 - IE5在css代码最前方增加“ *_”(下划线)**

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        .div{

            height: 40px ;

            background:pink ;

            background: yellowgreen\9 ;

            +background: yellow  ;

             /* ie6 - ie5 下均生效了 */

            _background: blue ;

        }

    </style>

</head>

<body>

    <div class="div"></div>

</body>

</html>

巴特西

css之IE hack 方法[ IE6 - IE9]

三**、IE6 - IE5在css代码最前方增加“ *_”(下划线)**

最新文章

热门文章

巴特西

css之IE hack 方法[ IE6 - IE9]

三、IE6 - IE5在css代码最前方增加“ *_”(下划线)

最新文章

热门文章

三**、IE6 - IE5在css代码最前方增加“ *_”(下划线)**