IE相容問題及處理

標籤：

1.在IE6下，子項目能撐開父級設定好的寬高
2.IE6下的最小高度，高度小於19px的元素在IE6下會被當做19px來處理

解決辦法:overflow:hidden;

3.IE6下 不支援1px的點線

4.在IE6下父級有邊框，可能會導致子項目的margin值失效
解決辦法:觸發父級的haslayout

5.
在IE下不寫文檔聲明就會進入盒模型的怪異解析;
盒模型的怪異解析：

怪異盒模型
width=可視寬
content=width-padding-border

6.在IE6下標籤相容：解決辦法 <script src="html5shiv.js"></script>  建立新標籤 上傳過檔案；

7.IE7及IE7之前的IE，只支援給a標籤設定偽類，並且只支援l-v-h-a這四個偽類
解決辦法:javascript

8.IE6,7下，inline-block對塊標籤沒有效果了

9.在IE6，7下元素浮動之後，如果寬度是固定的，一定記得設定寬度，如果寬度需要內容撐開，就給他裡邊的塊元素都加浮動

10.需要並在同一行的元素最好都加浮動

11.IE6，7下li本身沒浮動，但是內容有浮動，li下邊就會多出來幾像素的空隙
解決辦法:
1.給li浮動
2.給li加垂直對齊

12.當li下的空隙問題和IE6下最小高度問題並存的時候，給li加浮動

13.IE6下的雙邊距BUG

在IE6下，塊元素，有浮動，並且有橫向的margin，橫向的margin值會放大成兩倍

解決辦法: display:inline

14.在IE6下，父級的寬度和每行元素的寬度之和相差超過3px，最後一行下margin失效

15.兩個浮動元素中間有注釋或者內嵌元素並且和父級寬度相差不超過3px，文字就被複製

16.haslayout
haslayout 是Windows Internet Explorer渲染引擎的一個內部組成部分。在InternetExplorer中，一個元素要麼自己對自身的內容進行計算大小和組織，要麼依賴於父元素來計算尺寸和組織內容。為了調節這兩個不同的概念，渲染引擎採用了 hasLayout 的屬性，屬性值可以為true或false。當一個元素的 hasLayout屬性值為true時，我們說這個元素有一個布局（layout）

根據自身的內容大小或者父級的大小，來計算自己的大小

display: inline-block
height: (任何值除了auto)
float: (left 或 right)
position: absolute
width: (任何值除了auto)
zoom: (除 normal 外任意值)

IE7以上的
* min-height: (任意值)
* max-height: (除 none 外任意值)
* min-width: (任意值)
* max-width: (除 none 外任意值)
* overflow: (除 visible 外任意值)
* overflow-x: (除 visible 外任意值)
* overflow-y: (除 visible 外任意值)
* position: fixed

17.IE6實現三角形
border:1px dashed #000;

18. .clear{zoom:1;} 變焦，縮放
19.?在IE6，7下子項目有相對定位，父級的overflow對它不起效果
解決辦法：給父級也加相對定位
?在IE6下，浮動元素和絕對位置元素是並且關係的話，定位元素會消失掉
解決辦法：給它父級包一個div
?在IE6下，絕對位置父級的寬度（高度）是奇數的話，元素的right（bottom）就會有1px的偏差
?在IE6下，使用margin負值，使元素移出父級部分，移出部分會被父級截掉;
解決辦法:給元素加相對定位
20.表單
?label標籤 加for屬性
?焦點問題 outline:none
?input上下2px的空隙
解決辦法:給input浮動
?input在IE6下加：border:none 無效果
解決辦法:
①border:0;
②重設input的背景
?在IE6，7下輸入類型的表單控制項，輸入文字的時候，背景圖會隨著一起移動
解決辦法:背景加給父級
21.IE6,不支援PNG的透明度;
解決辦法：JS處理；上傳過JS檔案；
濾鏡：
_background:none;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop"

22.條件備註陳述式
<!--[if IE]>
這是IE
<![endif]-->
<!--[if IE 9]>
9
<![endif]-->
23.ie hack
IE8之後的IE識別 \0
IE10及IE10之後的IE識別 \9
IE7及IE7之前的IE識別 * +
IE6及IE6之前的IE識別 _
24. !important 可以更改預設的CSS樣式優先順序規則，使該條樣式屬性聲明具有最高優先順序

IE相容問題及處理