4

CSSを使用して子要素を親の後ろに置く方法があるかどうか疑問に思っていました。子要素は親の z-index を継承するため、現在 z-index はオプションではありません。しかし、これを行うために使用できるハックまたは何かがあるかどうかを知りたい. または、javascript ハックなどがある場合。

悪い英語を許してください。

4

3 に答える 3

8

親にノーがz-indexあり、子にネガティブがある場合、z-indexそれは機能します。ここをチェックしてください：

jsfiddle.net/L29d2/

html 

<div class="big">
    <div class="small"></div>
</div>

CSS

.big {
background-color:red;
width:400px;
height:400px;
}
.small {
float:left;
position:absolute;
background-color:blue;
width:200px;
height:200px;
margin-left:300px;
z-index:-1;
}
于 2013-06-18T05:23:17.950 に答える
0

子要素に次のスタイルを適用します。

position:relative;
z-index:-1;

z-index 値は調整できますが、負の値にする必要があります。それはあなたの問題を解決するかもしれません。詳細については、このページをチェックしてくださいhttp://www.tutorialrepublic.com/css-tutorial/css-position.php

于 2013-06-18T05:25:08.863 に答える