Как в CSS сделать так, что бы background выходил за пределы DIV при этом border дива накладывался поверх bg?

Question

[Юрий]

Доброго дня!

Есть div с border 3px solid #ddd;
Есть внутри него div с background-color: red;

Вопрос в том, как сделать что бы красный фон выходил за границы div при этом border накладывался сверху на него? C помощью z-index не выходит.. (пример на картинке)


Благодарю!

Answer 1

[WapSter]

создаешь блок абсолютно позиционируешь и задаешь z-index-1

Comments

[Юрий]

Пробовал, border в таком случае уходит под красный фон, а нужно что бы он был поверх фона.

[WapSter]

Юрий, плохо пробовали у меня получилось

[Юрий]

Тимур Турсунбаев, Да действительно, сейчас разберусь что сделал не так. Большое спасибо Вам!

[WapSter]

Юрий, родительский блок должен быть с z-index: auto; либо вообще не ставить что равно z-index: auto;

[Юрий]

..понял, я указывал не правильно позиционирование (fixed) а нужно было relative. Благодарю!