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