小编典典

为什么 z-index 不起作用?

all

因此,如果我理解z-index正确,在这种情况下将是完美的:

在此处输入图像描述

我想将底部图像(标签/卡片)放在其上方的 div 下方。所以你看不到锋利的边缘。我该怎么做呢?

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

或者

z-index:100 // on the div above

也不行。这样的组合也没有。怎么会?


阅读 66

收藏
2022-05-10

共1个答案

小编典典

z-index属性仅适用于position值不是static(例如position: absolute;position: relative;position: fixed)的元素。

还有一个position: sticky;在 Firefox 中受支持,在 Safari 中作为前缀,在旧版本的 Chrome
中以自定义标志工作了一段时间,并且微软正在考虑将其添加到他们的 Edge 浏览器中。

2022-05-10