html
1<div id="blue"> 2 <div id="yellow"></div> 3</div> 4 5<div id="green"></div>
を次のように配置したいです。
(つまり、親要素のblueよりは上だけど、子要素のyellowよりは下にgreenを差し込みたいです)
css
1#blue{ 2 position:absolute; 3 width:100px; 4 height:100px; 5 background-color:blue; 6 z-index:1; 7} 8#yellow{ 9 position:absolute; 10 width:60px; 11 height:60px; 12 background-color:yellow; 13 z-index:3; 14} 15#green{ 16 position:absolute; 17 width:200px; 18 height:10px; 19 background-color:green; 20 z-index:2;/*このままだと、yellowの上にgreenが載る*/ 21}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。