IE裏面的一些BUG記錄

網上已經有不少相似的記錄了，這裏寫這個是給本身在項目中碰到的問題作個簡單的記錄，之後將持續更新

1.IE67 border-bottom失效

     一個a標籤，想要使用移上去後會在下面顯示一個橫條，我用border-bottom作了一個效果，IE6 7 必須加了line-height後才能顯示，應該是由於沒有高度的緣由，如圖

 

2.IE6 margin-top失效

     一個塊級元素，觸發了hasLayout（好比設置了寬度高度），而且其前面緊挨着的同級的節點若是爲absolute絕對定位，就會致使這個塊級元素在IE6/IE7下面的margin-top失效，看起來就像margin-top:0同樣。

     在將shortcut部分設置爲fixed後，IE6下面是用absolute，我要在下面添加的div要空出那個shortcut。 只能用padding-top替換或者在absolute與這個div之間插入一個空的div

 

3.IE6 div的height設置高度爲1可是顯示是20

     當DIV爲一個空標籤的時候：DIV有一個默認的高度（大約20px左右吧），若是hiehgt的值小於這個數字，DIV不會有任何反 應，大於則能夠控制；而line-height在這兒根本沒有用，由於沒有內容，

      因此也就不存在行高了。 使用overflow:hidden;

 

4.IE6不能正常顯示內容

     一個靜態的HTML網頁不能正常顯示的緣由：是因爲<title>標籤的位置不對引發的。若是title標籤位於meta標籤前邊在IE6下內容不能保證正常顯示

5.IE67的getElementById與getElementsByTagName

     不區分表單元素的ID與name。當參數爲*通配符時候，會混入註釋節點

6.IE67 line-height失效

     當在一個容器裏文字和img、input、textarea、select、object等元素相連的時候，對這個容器設置的line-height數值會失效；對和文字相鏈接的img、input、textarea、select、object

       等元素 加以屬性: vertical-align:middle

7.IE6 input與其餘標籤之間會有間隙

      span和input之間明顯有個間距。即便咱們將input設爲margin:0; padding:0;百般無奈下只能使 input浮動

 

分享一個IE6行爲手冊

IE行爲手冊.rar

也能夠在這個地址下載 http://download.csdn.net/download/loneleaf1/7466577