絶対位置を持ち、別のdivとの相対的なdivではz-indexが機能しないようですか?私は絶対位置が他のものの下にあるdivを欲しいですが、私はその逆を取得します。これを解決する方法はありますか?相対位置と絶対位置のZ-インデックス?
-2
A
答えて
1
This exampleは、1つのdivを別の位置に配置するコードを表示します。
HTML
<div class="one">On top!</div>
<div class="two">Underneath</div>
CSS
.one
{
height: 100px;
width: 100px;
background-color: #ff0;
position: absolute;
top: 5px;
left: 10px;
z-index: 1;
}
.two
{
height: 100px;
width: 100px;
background-color: #f0f;
position: relative;
left: 10px;
z-imdex: 2;
}
更新:のみを使用し、あなたが望む効果を得るために配置します。
+0
OK、「div」はdivの「one」内にあってはいけません。「one」の終了タグはタグ「two」の後ですか?上のdivにはgreates z-indexがないはずですか? –
+0
子要素は、親のZ-索引を継承します。上にあるかのように表示したい場合は、配置を使用します。私は更新します。 – Kyle
関連する問題
- 1. 絶対位置と絶対位置のz-インデックス
- 2. CSS絶対位置&Z-インデックス
- 3. OpenGL - GlVertex相対位置/絶対位置
- 4. 絶対位置のないZ-インデックス
- 5. ブートストラップカラム - 相対位置とZインデックスの位置
- 6. 相対位置と絶対位置との間のパディング
- 7. CSSの相対位置と絶対位置の比較
- 8. 相対位置決めの絶対位置決め?
- 9. 絶対位置の相対は
- 10. Bing Maps Menuバグ:位置:絶対/相対?
- 11. 位置:絶対
- 12. 位置絶対絶対絶対
- 13. 絶対位置での位置付け
- 14. 固定位置内の絶対位置
- 15. 絶対位置での位置部門
- 16. CSS絶対位置
- 17. 位置固定と絶対
- 18. 相対位置要素のIEでのZ-インデックスの問題
- 19. 絶対位置または相対位置なしの中央アイコン?
- 20. サイドノート付きの文書を印刷、位置:相対および位置:絶対
- 21. 絶対位置または絶対パディング
- 22. UGLY BORDERバグ、位置:相対>位置:絶対>ボーダー半径:50%、フィドル
- 23. Chromeで相対的な絶対位置を外に移動する位置
- 24. 位置:相対、オーバーフロー:隠された親と子の絶対
- 25. z-インデックスによる相対的位置付け
- 26. 画像の絶対位置
- 27. コンテナブーストラップへの絶対位置
- 28. 画像の絶対位置?
- 29. 絶対位置のdivが
- 30. 位置が絶対のiframe
アップロードコード... –