CSS Z-index скользящие изображения

Question

У меня небольшая проблема с сайтом.

jn-racing.de

Панель "Баннер" под навигацией в фоновом режиме является .png изображение с гра, но скользящие изображения находятся в передней части PNG.

Z-индекс скользящих изображений равен 3, а класс css "banner" равен 99.

Фон должен быть перед скользящими изображениями.

Спасибо

Answer 1

Дочерние элементы #slider и самого #slider позиционированы (относительны), что означает, что они принадлежат каждому из своих собственных стековых контекстов, и z-index не будет иметь никакого эффекта.

A)

Вам нужно будет удалить свойство position. Но это может противоречить вашим позиционированным изображениям, так что это не вариант.

B)

Вам понадобится фон травы, чтобы он находился в том же контексте стека, что и #slider, а это значит, что он должен быть в элементе, который также является прямым потомком #banner (родственного элемента для #slider).

Пример:

#slider:after {
    content: '';
    height: 10px;
    width: 1024px;
    background: url(images/banner.png) no-repeat left bottom;
}

Answer 2

Вы должны положить свою траву.png ваш HTML под #slider Div и дать его (новый img) удостоверение личности. Пока это фон, будет труднее переместить его вперед через CSS. Это помогает?