0

私はワードプレスを使用しており、自分のバージョンの 21 のテーマを使用しています。メインヘッダーに があるサイトがありz-index:9999、それとは完全に独立して、スライダーがありz-index:1ます。スライダーは、ヘッダーとメイン コンテンツ ページから完全に独立しています。しかし、何らかの理由で IE7 でドロップダウン メニューを使用すると、サブメニューがスライダーの後ろに隠れてしまいます。ただし、これはサブメニューとは関係ありません。ヘッダー全体です（サブメニューだけが、ユーザーが非表示になっていることがわかります）

ここにヘッダーがあります..

#access {

background:transparent;
clear: both;
display: block;
float: left;
margin: 0 0;
width: 980px;
height:70px;
position:relative;
z-index:99999;

}

こちらがスライダー、

#top-slider {
width:1920px;
position:absolute;
margin-top:70px;
height:300px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
left:0px;
background: #000;
z-index:1;
}

z-index:1fromを削除すると、ヘッダーが正常に表示されるため、問題を引き起こしているのはこれらの 2 つの要素のみであると確信していますが、それがtop-sliderできない唯一の理由は、スライダーがメイン ページの後ろに隠れ始めるためです。

助けてくれてありがとう。

4

1 に答える 1

0

この記事 ( https://stackoverflow.com/a/3998006/859324 ) を見て、役立つかどうかを確認してください。古いバージョンの IE における特定の問題と、兄弟が z-index 値を比較する方法について言及しています。したがって、#top-slider div は、その z-index を #access ではなく #page div と比較している可能性があります。

私が見つけた別の同様の問題は、#top-slider の z-index を 1 ではなく -1 に変更することに言及していましたが、そうすることによるすべての影響を十分に知っているとは言えません。

于 2012-11-08T19:58:00.593 に答える