[解決済み】z-indexが機能しないのはなぜですか？

質問

ということは z-index を正しく使えば、このような状況にぴったりです。

下の画像（タグ・カード）を上のdivの下に配置したい。そうすれば、鋭いエッジが見えません。どうすればいいのでしょうか？

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

または

z-index:100 // on the div above

もうまくいきません。このような何かの組み合わせもダメです。どうしてですか？

どうすれば解決するの？

その z-index プロパティは position 以外の値 static (例 position: absolute; , position: relative; または position: fixed ).

また position: sticky; このフラグは Firefox でサポートされており、Safari では接頭辞として使用されます。