3

メニュードロップダウンがjQueryボタンの後ろに隠れているのはなぜですか？

ここに画像の説明を入力してください

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 9999;
}
4

4 に答える 4

8

私もこの問題に直面しました。原因と解決策がわかりました。

原因:ボタンはメニューの後にレンダリングされますが、 によっていくつかの追加要素によってラップされているjquery-uiため、z-index増加しています。

解決策:この問題を解決するには、メニューを増やすことができます (多くのボタンをz-index減らすよりも良い方法です)。z-indexしかし、それを覚えておいてください

"配置された要素 ( 、、または)z-indexでのみ機能します"position:absoluteposition:relativeposition:fixed

そのため、メニューも配置する必要があります。これが私のコードです：

<div style="position:relative;z-index:99"> MENU HERE </div>
于 2012-12-06T02:15:09.357 に答える
1

これもやってみる

div.menu 
{

   z-index : 9999;
}

アクティブなliをz-indexに設定しているだけのようです..非アクティブなものはどうなりますか

于 2012-10-03T17:40:36.693 に答える
0

次のように、リストの z-index がボタンよりも高いことを確認することをお勧めします。

div.menu ul li {
 z-index:999;
}

.yourbutton {
 z-index: 1;
}

ただし、HTML コードを貼り付けてください。

于 2012-10-03T17:42:41.673 に答える