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是＆＃34;剪裁＆＃34;在其父（top:-100px）的边界矩形上。

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

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