Горизонтальная прокрутка сайта с фиксированной боковой панелью и прокрутки нижнего колонтитула под боковой панелью

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 приводят к тому, что боковая панель располагается над содержимым, но ниже нижнего колонтитула.