在进行3D转换时,为相应元素添加transform-style: preserve-3d属性,并将z-index应用于该元素的父级元素。示例代码如下:
HTML代码:
<div class="parent">
<div class="child">Content</div>
</div>
CSS代码:
.parent {
position: relative;
z-index: 1;
}
.child {
position: absolute;
transform: translate3d(0, 0, 0);
transform-style: preserve-3d;
z-index: 2;
}