<dfn id="n01pb"><tr id="n01pb"></tr></dfn><dfn id="n01pb"><tr id="n01pb"></tr></dfn>
    <div id="n01pb"></div><sup id="n01pb"><menu id="n01pb"></menu></sup><div id="n01pb"></div><dl id="n01pb"><ins id="n01pb"></ins></dl>
    <div id="n01pb"></div>
    <div id="n01pb"><tr id="n01pb"></tr></div>
    <sup id="n01pb"></sup>

    <dl id="n01pb"><ins id="n01pb"></ins></dl>
    <em id="n01pb"></em>
    <dl id="n01pb"></dl>

      <em id="n01pb"></em>

      <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect>

          <em id="n01pb"><ol id="n01pb"><mark id="n01pb"></mark></ol></em>

          <em id="n01pb"></em><div id="n01pb"><ol id="n01pb"><object id="n01pb"></object></ol></div>

          <em id="n01pb"></em>
          <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect> <em id="n01pb"><tr id="n01pb"></tr></em>
          <progress id="n01pb"><tr id="n01pb"></tr></progress>

          <em id="n01pb"><ol id="n01pb"></ol></em>
          <dl id="n01pb"><ins id="n01pb"></ins></dl>
          <dl id="n01pb"></dl>

          <div id="n01pb"></div>
            <sup id="n01pb"><menu id="n01pb"></menu></sup>

            <dl id="n01pb"><ol id="n01pb"><thead id="n01pb"></thead></ol></dl>
              <sup id="n01pb"><menu id="n01pb"></menu></sup>
              靠谱的软件下载站
              当前位置:  IEfans/ IE专区/ IE相关/ CSS hack是什么?IE6\7\8\9\10浏览器的CSS hack大全介绍

              CSS hack是什么?IE6\7\8\9\10浏览器的CSS hack大全介绍

              IE相关 秩名 2019-02-19 09:02

              1、常见的特殊符号的应用:

              IE6:

              _selector{property:value;}

              selector{property:value;property:value !important;} //IE6 不支持同一选择符中的 !important

              IE7:

              +selector{property:value;}

              IE8:

              selector{property:value\0;}

              IE6 & IE7:

              *selector{property:value;}

              IE6 & IE7 & IE8:

              selector{property:value\9;}

              总结起来,如下:

              其中,S表示Standards Mode即标准模式,Q表示Quirks Mode,即兼容模式。

              2、条件注释语句( )

              所有的IE可识别

              仅IE6可识别

              IE6以及IE6以上版本可识别

              IE7以下版本可识别

              lt 表示less than 当前条件版本以下的版本,不包含当前版本。

              gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

              lte 表示less than or equal 当前版本以下版本,并包含当前版本。

              3、meta声明

              由于IE8 可能会将页面按照 IE7 模式进行?#31209;荊?#38024;对 多版本IE的现状,通常会采用设置 X-UA-Compatible HTTP 头的方式将页面在IE中采用统一的?#31209;?#27169;式。

              image.png

              4、其他(/*\**/注释法)

              网上也流传着这样一种ie hack方法

              .color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/

              .color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/

              .color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/

              .color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

              分析下:

              background-color:blue; 各个浏览器都认识,这里给firefox用;

              background-color:red\9;\9所有的ie浏览器可识别;

              background-color:yellow\0; \0 是留给ie8的,但笔者测试,发现最新版opera也认识,汗。。。不过且慢,后面自有hack写了给opera认的,所以,\0我们就认为是给ie8留的;

              +background-color:pink; + ie7定了;

              _background-color:orange; _专门留给神奇的ie6;

              :root #test { background-color:purple\9; } :root是给ie9的,网上流传了个版本是 :root #test { background-color:purple\0;},呃。。。这个。。。,新版opera也认识,所以经笔者反复验证最终ie9特有的为:root 选择符 {属性\9;}

              @media all and (min-width:0px){ #test {background-color:black\0;} } 这个是老是跟ie抢着认\0的神奇的opera,必须加个\0,不然firefox,chrome,safari也都认识。。。

              @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。

              好了就这么多了,特别注意以上顺序是不可以改变的。css hack虽然可以解决个浏览器之间css显示的差异问题,但是毕竟不符合W3C规范,我们平时写css最好是按照标准来,这样对我们以后维护也是大有?#20040;?#30340;,实在不行再用。

              区别不同浏览器的CSS hack写法:

              区别IE6与FF:

              background:orange;*background:blue;

              区别IE6与IE7:

              background:green !important;background:blue;

              区别IE7与FF:

              background:orange; *background:green;

              区别FF,IE7,IE6:

              background:orange;*background:green !important;*background:blue;

              注:IE都能识别*;标准浏览器(如FF)不能识别*;

              IE6能识别*,但不能识别 !important,

              IE7能识别*,也能识别!important;

              FF不能识别*,但能识别!important;

              image.png

              另外再补充一个,下划线"_",

              IE6支持下划线,IE7和firefox均不支持下划线。

              image.png

              于是大?#19968;?#21487;以这样来区分IE6,IE7,firefox

              : background:orange;*background:green;_background:blue;

              注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

              标签: IE相关

              Copyright ? 1998-2019 www.udsy.icu All Rights Reserved 湘ICP备13012168号-17
              乒乓球发球教学视频

                <dfn id="n01pb"><tr id="n01pb"></tr></dfn><dfn id="n01pb"><tr id="n01pb"></tr></dfn>
                <div id="n01pb"></div><sup id="n01pb"><menu id="n01pb"></menu></sup><div id="n01pb"></div><dl id="n01pb"><ins id="n01pb"></ins></dl>
                <div id="n01pb"></div>
                <div id="n01pb"><tr id="n01pb"></tr></div>
                <sup id="n01pb"></sup>

                <dl id="n01pb"><ins id="n01pb"></ins></dl>
                <em id="n01pb"></em>
                <dl id="n01pb"></dl>

                  <em id="n01pb"></em>

                  <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect>

                      <em id="n01pb"><ol id="n01pb"><mark id="n01pb"></mark></ol></em>

                      <em id="n01pb"></em><div id="n01pb"><ol id="n01pb"><object id="n01pb"></object></ol></div>

                      <em id="n01pb"></em>
                      <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect> <em id="n01pb"><tr id="n01pb"></tr></em>
                      <progress id="n01pb"><tr id="n01pb"></tr></progress>

                      <em id="n01pb"><ol id="n01pb"></ol></em>
                      <dl id="n01pb"><ins id="n01pb"></ins></dl>
                      <dl id="n01pb"></dl>

                      <div id="n01pb"></div>
                        <sup id="n01pb"><menu id="n01pb"></menu></sup>

                        <dl id="n01pb"><ol id="n01pb"><thead id="n01pb"></thead></ol></dl>
                          <sup id="n01pb"><menu id="n01pb"></menu></sup>

                            <dfn id="n01pb"><tr id="n01pb"></tr></dfn><dfn id="n01pb"><tr id="n01pb"></tr></dfn>
                            <div id="n01pb"></div><sup id="n01pb"><menu id="n01pb"></menu></sup><div id="n01pb"></div><dl id="n01pb"><ins id="n01pb"></ins></dl>
                            <div id="n01pb"></div>
                            <div id="n01pb"><tr id="n01pb"></tr></div>
                            <sup id="n01pb"></sup>

                            <dl id="n01pb"><ins id="n01pb"></ins></dl>
                            <em id="n01pb"></em>
                            <dl id="n01pb"></dl>

                              <em id="n01pb"></em>

                              <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect>

                                  <em id="n01pb"><ol id="n01pb"><mark id="n01pb"></mark></ol></em>

                                  <em id="n01pb"></em><div id="n01pb"><ol id="n01pb"><object id="n01pb"></object></ol></div>

                                  <em id="n01pb"></em>
                                  <delect id="n01pb"><menu id="n01pb"><form id="n01pb"></form></menu></delect> <em id="n01pb"><tr id="n01pb"></tr></em>
                                  <progress id="n01pb"><tr id="n01pb"></tr></progress>

                                  <em id="n01pb"><ol id="n01pb"></ol></em>
                                  <dl id="n01pb"><ins id="n01pb"></ins></dl>
                                  <dl id="n01pb"></dl>

                                  <div id="n01pb"></div>
                                    <sup id="n01pb"><menu id="n01pb"></menu></sup>

                                    <dl id="n01pb"><ol id="n01pb"><thead id="n01pb"></thead></ol></dl>
                                      <sup id="n01pb"><menu id="n01pb"></menu></sup>