为什么使用 Transform 时我的 Z 索引不起作用？

Z 索引不起作用

问题：

您正在尝试使用 z- 将圆环移动到圆后面索引，但尽管为 z 索引指定了负值，环仍然位于前面。

说明：

在这种特殊情况下，您已将变换应用于环的伪元素。应用变换后，z-index 属性不再起作用。

解决方案：

要解决此问题，您需要删除变换属性并替换它使用另一种方法将圆环定位在圆后面。

代码片段：

删除变换属性并使用顶部和左侧指定圆环的绝对位置属性：

<code class="css">#background #mainplanet:after {
  z-index: -3;
  top: calc(50% - var(--size)/2) !important;
  left: calc(50% - (var(--size) * 1.5)/2) !important;
}</code>

这将确保环位于圆的后面并且 z 索引有效。

以上是为什么使用 Transform 时我的 Z 索引不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！