0

別の CSS をオーバーラップさせる方法はありますか?! たとえば、ショッピング カートの上に検索バーがあり、誤って検索バーにカーソルを合わせると、ショッピング カートが最上位/最初のレイヤーであるため表示されなくなります。これが画像です。ショッピング カートが 2 番目ではなく 1 番目のレイヤーである CSS でこれを修正する方法はありますか? 前もって感謝します！

ここに画像の説明を入力

4

1 に答える 1

0

その基本的にz-index問題

z-indexショッピング カートの CSS の価値を高め、検索ボックスのdivの価値を下げる 必要があります。z-index

CSS の z-index プロパティは、重なり合う要素の垂直方向の重なり順を制御します。のように、どちらが物理的にあなたに近いように見えますか。z-index は、静的 (デフォルト) 以外の位置の値を持つ要素にのみ影響します。

HTML

<div class="a"></div>
   <div class="b"></div>

CSS

.a {
    background:red;
    width:100px;
    height:50px;
    z-index:2;
        position:relative;    

}

.b {
    background:green;
    height: 50px;
    left: 20px;
    position: relative;
    top: -30px;
    width: 100px;
    z-index: 3;
}

デモ

于 2013-07-09T11:22:09.897 に答える