0

CSS3 を使用して、このメガ ドロップダウン メニューを見つけました。これは完全に機能しましたが、問題があります。このメニューの後に入れDIVました。position:relative今、hover LIメニュー（ホーム）のとき、ドロップダウンが私のdivをカバーしていません。これを修正するには？デモ

4

2 に答える 2

2

どうぞ: http://jsfiddle.net/b6r9Q/1/

z-index: 1; と入力するだけです。ドロップダウン列で。

于 2012-09-28T21:19:34.647 に答える
1

ドロップダウン列の 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;
}
于 2012-09-28T21:20:54.800 に答える