Question

我在这里制作一个个人网站，我需要一个从顶部到底部的背景div。（在这种情况下，它的名字是＆＃39;侧边栏＆＃39;并且是红色的。）当我添加它时，它有点打破了我的手风琴面板。我用z-index或位置相对来猜测它的东西。或者我可能需要为所有人添加一个z-index以使它们成为最重要的。不确定，任何帮助将不胜感激。

侧边栏div的CSS：

#sidebar{
height: 720px;
width: 270px;
background-color: red;
z-index: -1;
position: relative;
}

这是一个FIDDLE：https://jsfiddle.net/dvr2pm6x/

Answer 1

z-index: -1;上有#sidebar。这将使其落后body以及可能重叠的任何其他元素，其中没有z-index或更高z-index，这使#sidebar无法点击。只是为了说明，您可以在position: relative; z-index: -2;上设置body，然后点击#sidebar。 demo

删除否定z-index，#sidebar将是可点击的。 https://jsfiddle.net/dvr2pm6x/3/

Answer 2

您可能希望将侧边栏位置设为绝对位置。这是小提琴https://jsfiddle.net/dvr2pm6x/1/

#sidebar{
    height: 720px;
    width: 270px;
    background-color: red;
    z-index: -1;
    position: absolute;
}

手风琴专家小组不会打开（我如何让div落后于其他人）

2 个答案: