国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

IE6兼容筆記

meislzhua / 1559人閱讀

摘要：如果都已經(jīng)淘汰，雖說也極少數(shù)企業(yè)單位會用到低版本的深坑瀏覽器，不過基本上現(xiàn)在做前端開發(fā)都較少去兼容的低端瀏覽器。現(xiàn)在僅僅是把當(dāng)初的一個筆記記錄一下。

如果IE678都已經(jīng)淘汰，雖說也極少數(shù)企業(yè)單位會用到IE低版本的深坑瀏覽器，不過基本上現(xiàn)在做web前端開發(fā)都較少去兼容IE的低端瀏覽器。想想當(dāng)初學(xué)習(xí)web前端，不可避免的要了解關(guān)于IE瀏覽器兼容方面上的處理，即使在工作以后，基本上也沒有處理過IE低版本瀏覽器的兼容問題。現(xiàn)在僅僅是把當(dāng)初的一個筆記記錄一下。
1.兼容IE6背景圖片透明

第一種方法：把圖片更換為png-8圖片
第二種方法：在head標(biāo)簽下引入js代碼

2.ie6下margin雙倍問題

IE6會在特定的條件下，將設(shè)置的橫向margin值變成雙倍。條件：
1.元素必須浮動（float）;
2.元素必須具有橫向margin，margin-left、margin-right
3.元素必須塊元素
4.瀏覽器必須是ie6

解決方案 設(shè)置浮動元素的_display:inline;

注意：IE6雙邊距產(chǎn)生是父子之間、兄弟之間不會產(chǎn)生
示例（ietester 測試 ie6）：



測試結(jié)果：

3.a的偽類hover兼容問題

這個來源網(wǎng)絡(luò)

4.IE6支持hover解決方案(除a標(biāo)簽)

在IE6下除了a標(biāo)簽有hover效果外，其他標(biāo)簽是沒有hover效果，為了解決這個問題，則可以引入一個文件（csshover.htc）來處理：
只要在body標(biāo)簽下引入htc文件，如：

body{
    behavior:url("csshover.htc");
}
5.CSS背景透明兼容ie6樣式 
#element{
    opacity:0.5;
    filter:alpha(opacity=50);
}
6.inline-block兼容IE67

display:inline-block;
不支持IE6，7(注：針對塊元素，行元素支持)

解決方法：
先讓塊元素變?yōu)閮?nèi)聯(lián)，再使用（zoom:1 或float屬性等）觸發(fā)塊元素layout
display:inline-block;
*display:inline;
*zoom:1;

代碼示例

IE6下測試(IEtester工具)

7.ie6下最小高度19px

在ie6下設(shè)置元素最小高度小于19px無效

解決方法：overflow:hidden

8.ie6下絕對定位問題

ie6下絕對定位元素的父級寬高是奇數(shù)的時候元素的right和bottom值會相差1px
html代碼：



IE6瀏覽器：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52039.html

相關(guān)文章

  • 前端筆記

    摘要：一嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。包含過渡和的也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡而沒有會導(dǎo)致頁面以混雜模式呈現(xiàn)。不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 一：HTML+css 1.Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽...

    未東興 評論0 收藏0

  • 前端筆記

    摘要：一嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。包含過渡和的也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡而沒有會導(dǎo)致頁面以混雜模式呈現(xiàn)。不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 一：HTML+css 1.Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽...

    binta 評論0 收藏0

  • 前端筆記

    摘要：一嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。包含過渡和的也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡而沒有會導(dǎo)致頁面以混雜模式呈現(xiàn)。不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 一：HTML+css 1.Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽...

    lk20150415 評論0 收藏0

  • 【零基礎(chǔ)入門】 css學(xué)習(xí)筆記（3） 選擇器 與 層疊性

    摘要：，高級選擇器后代選擇器空格表示后代選擇器就是的后代所有的。注意是后代，并不一定是兒子空格可以出現(xiàn)多次補(bǔ)充后代選擇器中出現(xiàn)的東西很靈活，可以是標(biāo)簽，可以是名，可以是名后代選擇器，就是一種平衡共性特性的平衡。 一，選擇器 1，基礎(chǔ)選擇器 1） 標(biāo)簽選擇器：div{ } ，選擇的所有，而不是一個，用來描述共性。 2） 類選擇器：.class名{ } 多個元素可以同時屬...

    cppprimer 評論0 收藏0

  • 前端學(xué)習(xí)筆記（CSS、JS基礎(chǔ)篇）

    摘要：搜索引擎中有一個爬蟲模塊，在頁面中使用諸如等強(qiáng)調(diào)式的標(biāo)簽，有利于，說白了就是有利于被搜索到。定位相對定位不影響元素本身特性不使元素脫離文檔流。定時器如果是由事件控制的，要先關(guān)再開，避免多次觸發(fā)而混亂。 CSS篇 注意：css注釋使用/ /，而不是或者//，否則很容易導(dǎo)致不明錯誤！！！ div padding：內(nèi)邊距。盒子內(nèi)容與盒子邊框的距離設(shè)置，相當(dāng)于給盒子加了厚度，使用此屬性后會改...

    caikeal 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<