1.在IE6下,子元素能撑开父级设置好的宽高
2.IE6下的最小高度,高度小于19px的元素在IE6下会被当做19px来处理
解决办法:overflow:hidden;
3.IE6下 不支持1px的点线
4.在IE6下父级有边框,可能会导致子元素的margin值失效
解决办法:触发父级的haslayout
5.
在IE下不写文档声明就会进入盒模型的怪异解析;
盒模型的怪异解析:
怪异盒模型
width=可视宽
content=width-padding-border
6.在IE6下标签兼容:解决办法 <script src="html5shiv.js"></script> 创建新标签 上传过文件;
7.IE7及IE7之前的IE,只支持给a标签设置伪类,并且只支持l-v-h-a这四个伪类
解决办法:javascript
8.IE6,7下,inline-block对块标签没有效果了
9.在IE6,7下元素浮动之后,如果宽度是固定的,一定记得设置宽度,如果宽度需要内容撑开,就给他里边的块元素都加浮动
10.需要并在同一行的元素最好都加浮动
11.IE6,7下li本身没浮动,但是内容有浮动,li下边就会多出来几像素的空隙
解决办法:
1.给li浮动
2.给li加垂直对齐方式
12.当li下的空隙问题和IE6下最小高度问题并存的时候,给li加浮动
13.IE6下的双边距BUG
在IE6下,块元素,有浮动,并且有横向的margin,横向的margin值会放大成两倍
解决办法: display:inline
14.在IE6下,父级的宽度和每行元素的宽度之和相差超过3px,最后一行下margin失效
15.两个浮动元素中间有注释或者内嵌元素并且和父级宽度相差不超过3px,文字就被复制
16.haslayout
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)
根据自身的内容大小或者父级的大小,来计算自己的大小
display: inline-block
height: (任何值除了auto)
float: (left 或 right)
position: absolute
width: (任何值除了auto)
zoom: (除 normal 外任意值)
IE7以上的
* min-height: (任意值)
* max-height: (除 none 外任意值)
* min-width: (任意值)
* max-width: (除 none 外任意值)
* overflow: (除 visible 外任意值)
* overflow-x: (除 visible 外任意值)
* overflow-y: (除 visible 外任意值)
* position: fixed
17.IE6实现三角形
border:1px dashed #000;
18. .clear{zoom:1;} 变焦,缩放
19.?在IE6,7下子元素有相对定位,父级的overflow对它不起效果
解决办法:给父级也加相对定位
?在IE6下,浮动元素和绝对定位元素是并且关系的话,定位元素会消失掉
解决办法:给它父级包一个div
?在IE6下,绝对定位父级的宽度(高度)是奇数的话,元素的right(bottom)就会有1px的偏差
?在IE6下,使用margin负值,使元素移出父级部分,移出部分会被父级截掉;
解决办法:给元素加相对定位
20.表单
?label标签 加for属性
?焦点问题 outline:none
?input上下2px的空隙
解决办法:给input浮动
?input在IE6下加:border:none 无效果
解决办法:
①border:0;
②重置input的背景
?在IE6,7下输入类型的表单控件,输入文字的时候,背景图会随着一起移动
解决办法:背景加给父级
21.IE6,不支持PNG的透明度;
解决办法:JS处理;上传过JS文件;
滤镜:
_background:none;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop"
22.条件注释语句
<!--[if IE]>
这是IE
<![endif]-->
<!--[if IE 9]>
9
<![endif]-->
23.ie hack
IE8之后的IE识别 \0
IE10及IE10之后的IE识别 \9
IE7及IE7之前的IE识别 * +
IE6及IE6之前的IE识别 _
24. !important
可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级