0

似たような質問を 1 つまたは 3 つ見つけましたが、それらはすべて position:absolute/relative (非読者向けの注意) が欠けていると仮定しています。私の要件が float を使用している場合、z-index の問題を解決するための回避策を試してみてください。

http://jsfiddle.net/LcwVx/1/

透明感のあるイメージがあります。親の背後にある透明または z-index になるように、フローティング オーバー div を作成したいと思います。CSS の呼び出しの順序を変更したり、属性の位置を変更したりしたくありません。この状況を解決する方法 (jQuery など) はありますか?

#parent {
    width:200px;
    height:300px;
    float:left; /* Requirement */
    border: 1px solid;
    background: url('https://cdn1.iconfinder.com/data/icons/ball/256/transparent.png') no-repeat top left; //ICON HAS TRANSPARENCY
}

#child {
    float:right; /* Requirement */
    height:60px;
    width:100px;
    border: 1px solid;
    background-color: orange; 
    z-index: -1; //THIS IS WHAT I WOULD LIKE TO DO
}
4

2 に答える 2

4

z-index配置された要素でのみ機能するため、 divに追加position:relative;するだけです。#child

jsFiddle の例

于 2013-08-16T15:28:54.743 に答える