なぜZインデックスが機能しないのですか? 質問する

なぜZインデックスが機能しないのですか? 質問する

したがって、私がz-index正しく理解していれば、この状況では完璧です。

ここに画像の説明を入力してください

下の画像 (タグ/カード) を、その上の div の下に配置したいと思います。鋭いエッジが見えないようにするには、どうすればいいでしょうか?

z-index:-1 // on the image tag/card

または

z-index:100 // on the div above

どちらも機能しません。また、このような組み合わせも機能しません。なぜでしょうか?

ベストアンサー1

z-indexプロパティは、position以外の値static(例:position: absolute;、、または)。position: relative;position: fixedposition: sticky

position: sticky;Safari 7.1-12 ではプレフィックスが付いており、2016 年より前の多くのブラウザーでは利用できないことに注意してください。

おすすめ記事