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; 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;570px;}

内层div背景颜色就显示了

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

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

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

原文地址:https://www.cnblogs.com/sheseido/p/2232780.html