分区和层

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;
}

我认为这应该有用