Question

我有这个css样式表代码

#nav li ul {
    position: absolute;
    visibility: hidden;
    float: none;
    top: 42px;
    left: 0px;
    width: 150px;
    margin: 0;
    padding: 5px 10px 6px 10px;
    z-index: 10000;
    border: 1px solid #C0ACB2;
    border-bottom-width: 2px;
    border-bottom-color: #AF9DA3;
    border-top: 0;
    background-color: #fff;
    opacity: 0.97;
}

#nav li:hover ul,
#nav li.iehover ul {
    visibility: visible;
}

我希望隐藏每个#nav，然后当光标悬停在它周围时显示。但问题是每次都显示，它与其他div重叠。似乎z-index不能使#nav li ul成为前端容器。

我在firefox和flock中测试它。

Answer 1

你可以发布一些HTML吗？也许错误在你的标记中。另外，请尝试使用display:none;和display:block;代替可见性。根据定义，uls和lis是块元素，但是对于悬停，这应该有效。

CSS：z-index无法生成弹出容器？

1 个答案: