1 IE6/IE7对display:inline-block有时不支持
比如做导航栏时通常会用到<ul><li>标签去写,在现在一些主流的浏览器中,我用display:inline-block把<li>设置成横排就没有问题都可以显示,可是在IE6和IE7就变成垂直了。
这是css代码和html代码:
火狐浏览器显示正常,IE6/7浏览器显示异常
解决方案:加上 *display:inline 就可以了;
2 IE6/7显示垂直滚动条
有时候我们页面就几句话的内容,也会出现滚动条。
解决方法:设置html的overflow属性为auto,html{overflow:auto;};
3 居中布局
如果我们想把一个div元素设置居中一般我们都会设置margin:0 auto;,但是在IE6下面显示的效果总是不对。
解决方案:在父级元素里设置text-align:conter;在这个div里设置text-align:left;
4 居中布局: z-index失效
原因:z-index起作用有个小小前提,就是元素的position属性要 是relative,absolute或是fixed。
解决方案:
1.position:relative改为position:absolute;
2.去除浮动;
3.浮动元素添加position属性(如relative,absolute等)