因此,如果我理解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
static
position: absolute;
position: relative;
position: fixed
还有一个position: sticky;在 Firefox 中受支持,在 Safari 中作为前缀,在旧版本的 Chrome 中以自定义标志工作了一段时间,并且微软正在考虑将其添加到他们的 Edge 浏览器中。
position: sticky;