Перейти к содержанию
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 оказался снизу и верхнего блока и нижнего?

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.