css - ブループリント CSS オーバーラップ div

Question

Blueprint CSS フレームワークを使用していますが、重複する div を作成する方法を知りたいです。相対的に配置された div 内で絶対配置された div を使用しようとすると、ブループリントによる div の残りのスタイリングが台無しになります。これを行う正しい方法は何ですか？

Answer 1

あなたがしようとしていることに依存します。任意の要素を好きな場所に配置できますが、その要素をドキュメントの流れにとどめ、別の要素を視覚的にオーバーラップさせたい場合は、position:relative を設定し、top、right、または left、bottom を使用して設定できます。要素は、ドキュメントの流れの中で存在する場所に対して視覚的に「相対的」です。要素は、ドキュメント内の通常のスペースを占有します。ドキュメントのフローから要素を削除する必要がある場合は、position:absolute を使用できます。これは、コンテナ内で要素をフローティングするのと同じ効果がありますが、移動先をより細かく制御できます。W3schools には、これに関する優れた紹介があります: http://www.w3schools.com/css/css_positioning.asp

Answer 2

オーバーラップさせたい画像には position:relative と z-index を使用します。