css - wordpress 绝对 div 不会堆叠在标题前面

Question

好吧，所以我不知道这个 wordpress 页面到底发生了什么，我不能用通用术语来表达它...我希望这个绝对 div 应该保留在标题上方。我尝试使用 z-index，overflow:visible...什么都没有，它堆叠在标题后面(它有一个固定高度为 300px 的 div)。是因为 wordpress 吗？链接在这里:http://lianavoinea.opa.ro/stacking-problem/

<header></header>
<div style="
position:absolute;
background:red;
width:300px;
height:200px;
top:-100px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sit amet quam sit amet facilisis. Phasellus efficitur congue mi, non mattis orci ultrices in. Maecenas fringilla, mauris vel gravida eleifend, neque dolor iaculis enim, in aliquet arcu magna ut purus. Suspendisse risus sem, placerat at tortor ac, volutpat sagittis orci. Cum sociis natoque penatibus et magnis dis
 </div>

谢谢!

Answer 1

您的绝对定位 div 被“剪裁”在其父级的边界矩形上 (top:-100px)。

解决方法是在容器div上指定overflow: visible。在你的情况下:

.content {
    /* ... */
    overflow: visible;
}