久久久久精品国产,丰满少妇粗大猛烈进高清播放,久久久97,在线18禁

<wbr id="x3zex"><nav id="x3zex"><em id="x3zex"></em></nav></wbr>

        <s id="x3zex"></s>
        1. <ruby id="x3zex"><nav id="x3zex"><acronym id="x3zex"></acronym></nav></ruby>
          <font id="x3zex"><noscript id="x3zex"></noscript></font>
          0712-2888027 189-8648-0214
          微信公眾號(hào)

          孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

          當(dāng)前位置:主頁(yè) > 技術(shù)支持 > HTML5/CSS3 > css ie6,ie7,ie8 兼容性寫法,CSS hack寫法

          css ie6,ie7,ie8 兼容性寫法,CSS hack寫法

          時(shí)間:2016-05-09來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 909次

          margin-bottom:40px;       /*ff的屬性*/
          margin-bottom:140px\9;    /* IE6/7/8的屬性 */
          color:red\0;              /* IE8支持 */
          *margin-bottom:450px;     /*IE6/7的屬性*/  +margin-bottom:450px;
          _color:#ff0000;         /* 只ie6支持 */


          #1 { color: #333; } /* FF環(huán)境 */
          * html #1 { color: #666; } /* IE6環(huán)境 */
          *+html #1 { color: #999; } /* IE7環(huán)境 */

          ================================================================================

          三、CSS hack寫法

              書寫順序?yàn)镕ireFox在最前,其次是IE8、IE7,最后是IE6。    

                 color:red;//所有瀏覽器

                color:blue\9;//所有IE

                +color:orange;//IE7

                _color:green;//IE6

              若瀏覽器為FireFox,那么color:red;若瀏覽器為IE8,根據(jù)CSS優(yōu)先性原則,color:blue;若為IE7,color:orange;若為IE6,則color:green。

              IE6識(shí)別 * 、_

              IE7識(shí)別 * 、+

              IE8識(shí)別 * 、\9,\0

              只有IE8識(shí)別  \0/   

              ie9只識(shí)別:\9

              FF什么都不識(shí)別

           

          1. .test{
          2.         color:#09F\0; /* IE8/9 */
          3.         color:#09F\0/; /* IE8 only */
          4. }
          5. :root .test { color:#963\9; } /* IE9 only */
          6. /*或者下面的,但是下面的優(yōu)先級(jí)小于上面的。Ps:老外的方法都是\0,根本沒(méi)考慮Opera*/
          7. @media all and (min-width:0){
          8.     .test{color:red\9; }/* IE9 only */
          9. }


          <html>
              <body>
                  <div style="border: 1px solid red; width: 300px; padding: 10px;">
                      在Firefox中,div的完整寬度是padding+width,因此width: 300px; padding: 10px;的實(shí)際寬度是320px;而在IE6中,div的完整寬度是width,所以

          這個(gè)div和下面的div寬度一致。
                  </div>
                  <div style="border: 1px solid red; width: 300px;">
                      寬度為300px的div
                  </div>
                  <div style="border: 1px solid red; width: 280px !important; width: 300px; padding: 10px;">
                      通過(guò)借助!important標(biāo)記,可以設(shè)置Firefox中的width值為IE6中的width值減去padding值,這樣就實(shí)現(xiàn)了Firefox與IE6的padding效果尺寸兼容。
                  </div>
              </body>
          </html>

           

          ==================================================================================


          DOCTYPE標(biāo)準(zhǔn)firfox與ie6 padding的問(wèn)題

          首先我們說(shuō)說(shuō)firefox和IE對(duì)CSS的寬度顯示有什么不同:
            其實(shí)CSS ’width’ 指的是標(biāo)準(zhǔn)CSS中所指的width的寬度,在firefox中的寬度就是這個(gè)寬度。它只包含容器中內(nèi)容的寬度。而Internet Explorer ’width’

          則是指整個(gè)容器的寬度,包括內(nèi)容,padding ,border。
          Firefox中:容器占的寬度=內(nèi)容寬度+padding寬度+border寬度
          IE中:內(nèi)容寬度=您定義的容器寬度(Internet Explorer ’width’)-padding寬度-border寬度

            所以,如果IE中定義 width:120px;padding:5px 的話,所顯示的寬度就是120px.
            即padding:5px是在width里面。
            而Firefox中,上面這個(gè)定義,顯示寬度就是 125 px;
            所以,我們就必須這樣定義
            
          width:115px !important;width:120px;padding:5px;

          必須注意的是, !important; 一定要在前面。 
           
          除了在不同的瀏覽器上會(huì)有這個(gè)問(wèn)題,還有可能是在編碼時(shí)引用了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          這個(gè)頭,他在ie瀏覽器下要支持w3標(biāo)準(zhǔn),w3的padding和firfox標(biāo)準(zhǔn)相同,所以也會(huì)出現(xiàn)上面的情況

           

          =====================================================================================


          網(wǎng)站如何同時(shí)兼容IE6、IE7、IE8

          第一招:給常用CSS規(guī)定屬性值。
          body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
          img{border:0px;}
          ul {margin:0px;padding:0px;}/
          ul li {list-style:none;}
          上面的建站常用代碼就相是格式化CSS樣式,讓各瀏覽器按照我們?cè)O(shè)置的屬性值渲染網(wǎng)頁(yè)

          第二招:IE和FF下對(duì)象居中問(wèn)題
          IE下大家應(yīng)該知道只要設(shè)置body{text-align:center;}這樣就可以居中顯示。
          但是這樣的方法在FF不行的。這里就需要給修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距離為0像素,左右為自動(dòng)。所以FF就會(huì)居

          中顯示。

          第三招:垂直居中(僅只用于一行)
          比如說(shuō)一個(gè)高30px的div,問(wèn)題默認(rèn)是會(huì)顯示在左上角,如果想垂直居中對(duì)其可以加個(gè)line-height:30px;樣式。如果你想讓他居下方則在修改line-height:30px;

          數(shù)值越大越局下,為了防止撐破層,還需要再給一個(gè)樣式overflow:hidden;(超出的部分不顯示)

          第四招:給每一個(gè)塊對(duì)象設(shè)置三個(gè)樣式
          width:**px;height:**px;overflow:hidden;即便高、寬是屬性值是自動(dòng)那么也需要去設(shè)置這三個(gè)樣式。目的就是解決瀏覽器默認(rèn)值的問(wèn)題。

          第五招:針對(duì)IE6、IE7、FF的css樣式(這一招在特殊情況下經(jīng)常用到)
          原來(lái)建設(shè)網(wǎng)站經(jīng)常使用!important來(lái)設(shè)置優(yōu)先權(quán),但有了IE7之后就不行了。下面給大家個(gè)可以解決IE6、IE7、FF各個(gè)CSS優(yōu)先權(quán)的方法
          #1 { color: #333; } /* FF環(huán)境 */
          * html #1 { color: #666; } /* IE6環(huán)境 */
          *+html #1 { color: #999; } /* IE7環(huán)境 */
          上面的書寫順序一定不能去改變。
          這樣子網(wǎng)頁(yè)在FF下顯示#333,IE6下顯示#666,IE7下顯示#999;

          熱門關(guān)鍵詞: css ie6 ie7 ie8 兼容性寫法 CSS hack
          欄目列表
          推薦內(nèi)容
          熱點(diǎn)內(nèi)容
          展開(kāi)