收集一些关于IE的BUG
来源:互联网 发布:哪个软件找工作靠谱 编辑:程序博客网 时间:2024/05/26 08:43
收集摘录了一些bug虽然是远古浏览器,还是得注意一下吧…
IE6中双边距Bug:
发生场合:
当浮动元素(浮动后默认为block级元素)的浮动方向和margin方向相同时产生。
解决方法:
给浮动元素加上display:inline;CSS属性;或者用padding-left代替margin-left。总之是激发该元素的haslayout即可,通常使用zoom:1实现。因为zoom属性可以激发haslayout且没什么影响。
原理分析:
熟悉一下远古IE浏览器haslayout的存在非常重要,使用zoom来激活layout提炼bug也非常重要。
IE6/7负margin隐藏Bug:
发生场合:当给一个有haslayout的父元素内的非hasLayout元素设置负margin时,超出父元素部分不可见。
解决方法:去掉父元素的haslayout,或者激发子元素的haslayout
原理分析:haslayout产生问题。
IE6/7下ul/ol标记消失bug:
发生场合:当ul/ol触发了haslayout并且是在ul/ol上写margin-left,前面默认的ul/ol标记会消失。
解决方法:激发子元素的haslayout
原理分析:haslayout产生问题。
IE6/7下margin与absolute元素重叠bug:
发生场合:双栏自适应布局中,左侧元素absolute绝对定位,右侧的margin撑开距离定位。在IE6/7下左侧应用了absolute属性的块级元素与右边的自适应的文字内容重叠。
解决方法:把左侧块级元素更改为内联元素,比如把div更换为span。
原理分析:这是由于IE6/IE7浏览器将inline水平标签元素和block水平的标签元素没有加以区分一视同仁渲染了。属于IE6/7浏览器渲染Bug。
IE6/7/8下auto margin居中bug:
发生场合:给block元素设置margin auto无法居中
解决方法:出现这种bug的原因通常是没有Doctype,然后触发了ie的quirks mode,加上Doctype声明就可以了。在《打败IE的葵花宝典》里给出的方法是给block元素添加一个width能够解决,但根据本人亲测,加with此种方法是无效的,如果没有Doctype即使给元素添加width也无法让block元素居中。
原理分析:缺少Doctype声明。
IE8下input[button | submit] 设置margin:auto无法居中
发生场合:ie8下,如果给像button这样的标签(如button input[type=”button”] input[type=”submit”])设置{ display: block; margin:0 auto; }如果不设置宽度的话无法居中。
解决方法:可以给为input加上宽度
原理分析:IE8浏览器Bug。
IE8百分比padding垂直margin bug:
发生场合:当父元素设置了百分比的padding,子元素有垂直的margin的时候,就好像父元素被设置了margin一样。
解决方法:给父元素加一个overflow:hidden/auto。
原理分析:IE8浏览器Bug。
- 收集一些关于IE的BUG
- 关于IE的各种bug
- 关于IE的BUG(CSS)
- 收集一些未知Bug。
- 关于IE下Ajax请求的BUG
- ie关于居中显示的bug
- 关于 ie getAttribute() 的实现bug
- 关于tableview的一些bug
- 关于转换的一些收集
- 关于Google的一些收集
- 关于抽象的一些收集
- 一个关于ie的bug——双边距bug。
- 收集的一些前端Bug概要。先记上一笔!(一)
- 收集的一些前端Bug概要。先记上一笔!(二)
- 一些IE样式的Bug也许答案就在这里
- IE浏览器中最常见的一些bug,及解决方法
- 火狐与IE浏览器之间的一些差别收集
- 火狐与IE浏览器之间的一些差别收集
- 彻底解决Android GPS没法定位这一顽固问题
- 1.性能测试流程及指标
- RabbitMQ (一)入门 Helloworld
- 浅谈安卓ipc方式
- 《核心动画——UIView封装动画》
- 收集一些关于IE的BUG
- VLC for Android 基于 Opencv 对 RTSP视频 实时人脸检测
- 设计模式六大原则(6):开闭原则
- Mysql 的锁与索引的关系
- 10个SQL注入工具
- RabbitMQ (二)工作队列
- 使Sprite朝向旋转到鼠标点击方向
- 顶顶顶顶
- Django模型层Meta内部类详解