我有一个带有内容左侧栏的布局。侧边栏是绝对定位的，宽度为200px，内容的左边距为200px。这些全都花哨的，但是我刚刚开始为导航设置动画，我希望它从内容的下方滑入。见小提琴。
问题是，无论将z-index分别设置为1和2，绝对定位的侧边栏都位于内容上方。
将侧边栏的z-index设置为-1可使它正确滑入，但将其置于其父级下方，从而使导航不可单击。
fiddle
<div class="parent">
<aside class="animated fadeInRight">
... navigation ...
</aside>
<main>
... content ...
</main>
</div>
如何使侧边栏从内容下方滑入，但在父级上方滑入？
最佳答案
啊哈！我知道了。
根据w3schools ...
注意：z-index仅适用于定位的元素（position：absolute，position：relative或position：fixed）。
因此，只需添加位置：相对于<main>即可对其进行修复。
Updated fiddle