zoukankan      html  css  js  c++  java
  • 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.把他变成行内元素就不会抖动了。

  • 相关阅读:
    canvas-0translate.html
    Canvas-line.html
    canvas-tangram.html
    canvas-arc.html
    js-MediumGrade-base.js
    js-Higher-base.js
    js-QuickStart-base.js
    ajax.js
    fullScreen.html
    setInterval.js
  • 原文地址:https://www.cnblogs.com/sheseido/p/2232780.html
Copyright © 2011-2022 走看看