Question

我很清楚我不能将z-index应用于svg，而对于svgs，z-index是由元素在文档中出现的顺序定义的。

但是假设我有一个div（不是svg）我想强制在svg前面，并且由于其他原因，div需要稍后在标记中出现，如下所示：

<svg>...</svg>
<div style="z-index=9999999; position: relative;">...</div>

（以上结果svg仍然在前面）

除了在标记中的HTML上方移动div之外，有没有办法强制div在前面？

Answer 1

原来我在问题中没有包含足够的信息......我的实际代码看起来更像是这样：

<div style="position: fixed">
  <svg>...</svg>
</div>
<div style="position: fixed">
   <div style="z-index: 9999999; position: relative;">...</div>
</div>

这是位置：已修复阻止z-indexed div出现在svg前面 - 请参阅http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements了解更多信息：从Chrome 22开始，“所有位置：固定元素现在形成新的堆叠上下文“。 - 也就是说，z-indices相对于彼此w /在一个位置：固定元素。

使用z-index在svg前面定位一些东西

1 个答案: