ie6 几个li上下排列会闪动的问题,嵌套div—外层div内层div都设置背景颜色，内层div背景色不显示的问题...

View Code

1 <div style=" margin-top:-93px" class="ctn">
2      <div class="content">
3      </div>
4 </div>
5 
6  div.ctn{ background:#eee; display:none; position:absolute; margin:-30px 0 0 177px; width:570px;  padding:5px; border:1px #cc0000 solid; z-index:100;}
7  div.ctn div.content{background:#fffafa; padding:5px;}

1,如果没有为内层div设定宽度，这个时候内层div的背景颜色不会显示，只有设置了宽度才会显示。

把内层div样式的宽度设置下

div.ctn div.content{background:#fffafa; padding:5px;width:570px;}

内层div背景颜色就显示了

2,ie6 几个li上下排列会闪动的问题,

　　如果没有为li设置高度，而li里面包含了diasplay：block的元素a，且a的高度和li的高度不一致，这个时候在ie6里面鼠标上下移动，li会抖动，影响用户体验，解决办法是

为ie6加个hack,_display:inline.把他变成行内元素就不会抖动了。

转载于:https://www.cnblogs.com/sheseido/archive/2011/11/02/2232780.html