相关疑难解决方法(0)

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

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

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

要么

z-index:100 // on the div above

也不起作用.也不是这样的组合.怎么会？

我正在研究堆叠上下文并使用创建堆叠上下文的属性进行一些测试.

我做了几次测试,发现除了z-index当然,以下属性还会创建堆叠上下文:

• transform除了none;
• opacity除了1;
• 并且perspective.

是否有其他属性应用堆叠上下文？

我对使用z-index决定堆栈顺序感到有点困惑.

我不太明白浏览器如何将带有position属性的元素与没有它的元素一起处理.

是否有一般规则来决定元素的堆栈顺序是否已明确定位元素？

赞赏不同情况的例子.一般来说:

1. <div>具有位置设定且没有位置设定的混合兄弟姐妹.
2. 嵌套<div>s与兄弟s混合,<div>位置设置且没有位置设置.