Question

我使用CSS3找到了this超级下拉菜单。这工作得很好，但我有任何问题。我在此菜单后面DIV加position:relative。现在，当我hover LI菜单（主页）时，下拉菜单不会覆盖我的div。怎么解决这个问题？ DEMO

Answer 1

在这里：http://jsfiddle.net/b6r9Q/1/

只需输入z-index：1;在下拉列中。

Answer 2

只需增加下拉列的z-index即可。见http://jsfiddle.net/b6r9Q/3/

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    z-index:500;
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;

    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}

巨型下拉导航菜单不覆盖与位置相对的div

2 个答案: