alinalessioYandex

Помогите с оформлением колонки. Проблема с наслоением z-index

Рекомендуемые сообщения

Нужно чтобы в левой или правой колонке, между блоками class="box" вставлялась подложка.

Выглядеть должно вот так:

d0a1d0bdd0b8d0bcd0bed0ba23.jpg

 

Для этого в html добавил блок после каждого блока class="box", который имеет свой background и который должен быть под слоками class="box"

 

Получилось так:

<div id="column-left"><div class="box">Первый блок</div><div class="bg-sidebox"></div><div class="box">Второй блок</div><div class="bg-sidebox"></div></div>

CSS:

.box .box-content {	background: url('../image/bg-sidebar2.png') repeat-y;	margin-top:-20px;	z-index:100;	{.bg-sidebox {	width: 215px;	height: 40px;	margin: -30px auto -20px;	background: url(../image/bg-sidebar.png);	z-index: 1;}

Вот скрин как у меня получилось:

d0a1d0bdd0b8d0bcd0bed0ba24.jpg

 

В CSS для блока .bg-sidebox я задаю меньше z-index, но он все равно перекрывает .box-content

 

Как правильно поступить, чтобы .bg-sidebox оказался снизу и верхнего блока и нижнего?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pashast    376

А толку выставлять z-index для .box-content ?

Нужно выставлять для родительского .box

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу