css 3d 变换和 zindex 战斗

发布于 2024-10-16 00:30:48 字数 495 浏览 1 评论 0原文

我有两个相互重叠的

元素，例如：

 -------------
 |           |
 |     A     |
 |           |
 |   ------------
 |   |          |
 |   |          |
 ----|     B    |
     |          |
     ------------

所以我在 A 之后将 B 添加到 DOM。在 div AI 内部有一些其他 html 元素（图像），我对其应用了 css3d 转换，但是当我这样做时，它们也会出现在 div B 的前面，我总是希望 div B 位于 div A 及其所有内容之上。我尝试在两个 div 元素上设置 z-index 属性，但 A 中的 3d 转换项仍然呈现在 div B 之上。

有什么方法可以始终使 B 出现在 A 及其内容的前面吗？

谢谢标记。

原文

I have two <div> elements that overlap eachother, like:

 -------------
 |           |
 |     A     |
 |           |
 |   ------------
 |   |          |
 |   |          |
 ----|     B    |
     |          |
     ------------

So I add B to the DOM after A. Inside div A I have some other html elements (images) that I apply css3d transforms to, however when I do this they also appear infront of div B, I always want div B to be above div A and all of its content. I tried setting the z-index property on both div elements but the 3d transformed items in A still render ontop of div B.

Any way to always make B appear infront of A and it's content?

Thanks
Mark.

分享到QQ

分享到微博