水平滚动网站，侧边栏下方有固定的侧边栏和页脚

Question

我的内容滚动到左侧边栏下方，而不是在到达侧边栏时消失。左侧边栏和底部页脚都是固定的。

http://karpouzaki.com/finaltouch/

有什么建议吗？

Answer 1

您需要将背景从透明变为不透明。添加以下样式：

#sidebar {
  background: url(../img/bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  height: 100%;
  z-index: 1;
}
#footer {
  z-index: 2;
}

应该这样做 - 它为你的侧边栏提供了相同的图像背景，但看起来它可以很好地流入页面的其余部分。它扩展了侧边栏的高度，以便内容的其余部分在其下方滚动。并且z-index的变化会导致侧边栏高于内容但低于页脚。