博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端工程师IE6兼容性问题随笔(未完待续)
阅读量:4570 次
发布时间:2019-06-08

本文共 850 字,大约阅读时间需要 2 分钟。

1 height.在IE6下元素高度小于19px的时候,会被当做19px来处理。

解决办法:用overflow:hidden;来处理
.box{height:2px;background:red;overflow:hidden;}

2 1px dotted(1px的点线)在IE6下不支持
解决办法:且背景图片平铺

3 margin.兼容性问题的爆发点。无法触发haslayout,无法解决margin的传递,在IE6下父级有边框的时候(也 就是设置了border的三元素的时候),子元素的margin值会消失。
解决办法:触发父级的haslayout
zoom:1;

4 float.IE6下双边距BUG,IE6下块元素有浮动和横向的margin值,横向的margin值会被放大成两倍。
margin-right 一行中右侧的第一个元素有双边距
margin-left 一行中左侧的第一个元素有双边距
解决办法:display:inline;

5 li .IE6/7下,li本身没浮动,但是li里的内容有浮动,li下边就会产生一个间隙
解决办法:1:给li家浮动
2:给li加vertical-align
6 当IE6下最小高度问题和li的间隙问题共存的时候,给li加浮动
解决办法:overflow:hidden;float:left;width:300px;

7 父级元素宽度与子集宽度总和占有问题(设置margin:Xpx;):

当一行子元素占有的宽度之和和父级的宽度相差超过3px;或者其中有一行不满行,也就是横排不满的状态时,最后一行子元素的下margin载IE6下就会失效。

8 IE6下的文字溢出BUG

子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者有内嵌元素。就会溢出到下行
解决办法:用DIV将注释和内嵌元素包起来,或者将父级的宽度设置大一点。

转载于:https://www.cnblogs.com/yangqiongfu/p/4948622.html

你可能感兴趣的文章
PostgreSQL数据库常用脚本-初始化、备份、恢复推荐脚本
查看>>
OpenStack云平台开启常用端口
查看>>
电脑装windows与Centos双系统时引导问题
查看>>
从IL认识关键字(二)
查看>>
Sublime Text 3搭建Python开发环境
查看>>
es修改索引副本个数
查看>>
Oracle to_char格式化函数
查看>>
进店买衣服(for循环)
查看>>
spring-mvc 框架的简单搭建
查看>>
SpringBoot(二)-- 支持JSP
查看>>
vijos1776:关押罪犯
查看>>
坐标转换
查看>>
[YTU]_2918( Shape系列-4)
查看>>
LeetCode sort-list
查看>>
结构化编程 —— 顺序、分支(选择)、循环
查看>>
Python 辨异 —— __init__ 与 __new__
查看>>
算法 Tricks(六)—— 判断一个数是否为完全平方数
查看>>
数组适配器的简单配置
查看>>
WEB UI基础八:链接跳转到标准的工单界面
查看>>
ExtJS动态设置表头
查看>>