CSSの質問1つのdivを別のものに重ねる方法を教えてください。

divの左上に私のdivのメニューを表示して、私のヘッダーイメージにします。メニューブロックに使用されている背景は透明で半透明で、ヘッダのイメージを半透明で透明な背景の下に表示する必要があります。どのようにCSSを使って行うことができますか？メニューのDIVためクラスがdivmenuであり、ヘッダのCSSの質問1つのdivを別のものに重ねる方法を教えてください。

出典

2011-07-27 Danny

あなたのマークアップ（html）は何ですか？実際のCSSは？あなたは[JS Fiddle]（http://jsfiddle.net/）であなたの設定を再現するためのデモを投稿できますか？それで、あなたは何をしているのか分かりますか？ –

div.divmainimg { 
    position: relative; 
} 

div.divmenu { 
    position: absolute; 
    top: 0; 
    left: 0; 
}

をdivmainimgされ、それぞれ、mainimgとmenuにクラス名を変更することを検討してください。

出典

2011-07-27 20:51:42

これは、すべてのdiv.divmenuオブジェクトがdiv.divmainimg内にネストされている場合にのみ有効です。 –

@Olaは有効なポイントです。これは質問に答えるときに私が作った前提です。質問にマークアップの例はありませんでした。 –

は、私が何を望んでいることはz-indexであると考えてい

出典

2011-07-27 20:52:45 caarlos0

HTML構造が正しく行われている場合、Z-インデックスはめったに必要ありません。すなわち、最上位のオブジェクトは、DOM内にオーバーレイするオブジェクトの後に来る。 –

-2

...絶対位置を使用しようと、あなたが他の人の上にしたいdiv要素に高Zインデックスを設定します。それをここで説明するのではなく、単にGoogleの検索をしてください。理解するのは簡単です。

出典

2011-07-27 20:53:05

だから私は今どのようなzインデックスの質問が見つかりました私は、この場合は、ヘッダーのクラスのzインデックスのプロパティを追加しますか？ – Danny

他の要素の上に置いておきたい要素に、おそらくそれを追加します（つまり、メニューdiv）。 '.divmenu {z-index：999;} 'のようなものです。 –

セット位置：相対;メニューの親オブジェクト上で、それらの相対位置を設定したい場合は、position：absoluteを設定します。メニューdivにあります。正確な位置を指定しなくても、DOM内に視覚的に表示されるようにdivに表示されることがあります。例えば。このはとなります。

body { position：relative; }

div.menu { ポジション：絶対; }

編集：今はz-インデックスを忘れてしまいます。ほとんど必要ありません。

HTH

出典

2011-07-27 21:03:19

あなたは今も単にあなたが例えば下になりたいのdiv内の他のdivの上になりたいのdivを置くことができます：

は「」です=あなたのdivクラスをふりあなたが一番上にしたいもの、次にdivクラス= "b"を底にします。

これは、Aを上に、次にBを下にします。

出典

2017-03-24 22:44:41 Helper

CSSの質問1つのdivを別のものに重ねる方法を教えてください。

答えて

関連する問題