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行为手册




    本文转自 咖啡机(K.F.J)   博客园博客,原文链接:http://www.cnblogs.com/strick/p/3776378.html ,如需转载请自行联系原作者


相关文章
|
Windows
IE 浏览器用户注意!升级到 Win 11 可能出现数据丢失 Bug
IE 浏览器用户注意!升级到 Win 11 可能出现数据丢失 Bug
141 0
IE 浏览器用户注意!升级到 Win 11 可能出现数据丢失 Bug
IE里面的一些BUG记录
网上已经有很多类似的记录了,这里写这个是给自己在项目中碰到的问题做个简单的记录,以后将持续更新 1.IE67 border-bottom失效 一个a标签,想要使用移上去后会在下面显示一个横条,我用border-bottom做了一个效果,IE6 7必须加了line-height后才能显示,应该是因为没有高度的原因
IE里面的一些BUG记录
|
JavaScript
我修复的印象最深的一个bug:vue在ie下的兼容性
很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。
256 0
我修复的印象最深的一个bug:vue在ie下的兼容性
|
UED 内存技术 自然语言处理
|
Web App开发 安全 Windows
|
前端开发 JavaScript
IE下checkbox或radio隐藏bug
由于各浏览器对checkbox或radio的渲染效果各不相同,为了美化和统一界面样式,一般会选择用js和css来自定义checkbox或radio的样式,此时一般会隐藏原始的checkbox或radio,用自定义的icon来显示
1629 0