IE里面的一些BUG记录
2023-02-18 16:47:18 时间
网上已经有很多类似的记录了,这里写这个是给自己在项目中碰到的问题做个简单的记录,以后将持续更新
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行为手册
相关文章
- 中秋节,华为云AI送上超级大月亮制作教程,体验赢开发者键鼠套装
- VLDB'22 HiEngine极致RTO论文解读
- 强扩展、强一致、高可用…GaussDB成为游戏行业的心头爱
- 推理网络精度不达标,5个方法轻松搞定
- 一文带你认知定时消息发布RocketMQ
- 手把手教你君正X2000开发板的OpenHarmony环境搭建
- 遥居前列!华为云GaussDB再获行业权威验证
- 云图说丨初识分布式消息服务Kafka版
- Karmada v1.3:更优雅 更精准 更高效
- CodeLab:一款让你体验丝滑般的云化JupyterLab
- OpenHarmony3.0如何轻松连接华为云IoT设备接入平台?
- GaussDB(for Redis)双活容灾支持4大应用场景,为业务安全保驾护航
- 大规模数据如何实现数据的高效追溯?
- 百万奖池角逐,华为云IoT边缘带你看懂“边缘计算开发者大赛”
- 如何用AscendCL的接口开发网络模型推理场景下应用?
- 天呐,我居然可以隔空作画了
- 从零教你使用MindStudio进行Pytorch离线推理全流程
- 一文带你认识AscendCL
- 从原理剖析带你理解Stream
- 不信谣不传谣,亲自动手验证ModelBox推理是否真的“高性能”