0

2 つの div があります。1 つは ID によって個別に設定された z-index で、もう 1 つはそのクラスによって設定された z-index です...そのクラスで z-index が設定された div は、Chrome 27 で期待どおりにスタックしません (Windows 7 )...Firefox 21 では問題なく動作します。

CSSは次のとおりです。

.subMenuClass{
display: none;
float: right;
z-index: 1000;
position:relative;
padding: 20px 40px 20px 20px;
width: 200px;
height: 600px;
} (doesn't work in Chrome)

#theme_Div{
width: 220px;
height: 600 px;
z-index: 10000;
position:absolute;
margin: 20px 20px 20px 60px;
} (works in Chrome)

HTMLは単純です:

<div id="theme_Div" class="mainMenuClass">
<div id="subMenu" class="subMenuClass">

アイデア?これらの「サブメニュー」は数十ありますが、それぞれに個別に CSS ルールを作成する必要はありません。

申し訳ありませんが、重要なことを省略しました...上記のサブメニュークラスは:display:noneに設定されています...「theme_div」のボタンをクリックすると、表示が「インライン」に変わります...いずれにせよ、このコードは Firefox で正常に動作します...

4

1 に答える 1