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行為手冊

<a href="http://files.cnblogs.com/strick/IE%E8%A1%8C%E4%B8%BA%E6%89%8B%E5%86%8C.rar">IE行為手冊.rar</a>

    本文轉自 咖啡機（K.F.J）   部落格園部落格，原文連結：http://www.cnblogs.com/strick/p/3776378.html，如需轉載請自行聯系原作者