css - div 和图层

Question

首先是网站：www.rfdesignstudio.com/weavepublic/

第二个CSS代码：

#hoverbox {
    position:absolute;
    width:725px;
    height:132px;
    z-index:1;
    margin-left:-360px;
    left:50%;
    top: 740px;
    visibility: visible;
} 

树部分后面的黑盒子。我希望它保持在那个位置，但是当我在顶部使用面板时，它会向上滑动，因为位置是绝对的。我仍在学习 css，并希望它留在那个地方。

Answer 1

如果我的理解是正确的，您希望绿色框出现在其余内容之上吗？如果我错了，请纠正我。

为此，您需要将面板的 css 更改为此。

#panel {
background: #749311;
height: 200px;
display: none;
position: absolute;
width: 100%;
top: -200px;
}

然后当您单击时，.btn-slide您会将顶部位置设置为 0px。像这样的东西。

$('.btn-slide').live('click',function () {
    $('#panel').animate({top:0});
});

---

编辑 现在我明白了。请看下文。

如果你改变#wrapper {over:visible;}

和

#hoverbox {
position: relative;
width: 725px;
height: 132px;
z-index: 1;
visibility: visible;
margin-left: auto;
margin-right: auto;
}

我认为这应该有效