绝对定位始终低于父母的兄弟姐妹

Question

>我正在尝试可视化动画。我有一个奇怪的问题，绝对定位并不能使我的div 成为顶部。简单地说，我有一个容器和一系列div，每个都有一个孩子。

<div id="outer">
  <div class="inner1"> <!-- this is relative -->
    <div class="inner2"></div> <!-- this is absolute with z-index 1000  (1)-->
  </div>
  <div class="inner1"> <!-- this is relative (2) -->
    <div class="inner2"></div> <!-- this is absolute -->
  </div>
</div>

为什么(2)在(1)之下

请检查小提琴以了解我的问题。

http://jsfiddle.net/MSpVM/2/

Answer 1

据

我从你的小提琴中看到，你实际上并没有.inner2绝对定位，你目前正在使用左边距向右移动它。

如果您将position: absolute添加到 CSS 规则中.inner2这似乎可以解决问题。

您可能还有兴趣阅读这篇关于 CSS 转换/转换性能的文章（我注意到您使用 CSS 来转换.inner2元素）