Div с прозрачными границами

stranger_Jack · September 29, 2012

Доброго Дня! Нужна помощь, не могу понять как верстать, пример на изображении:

Высота блока динамична и зависит от контента.

Ширина прозрачной границы 10px, отступ во внутреннем блоке 5px до контента(текста или картинок...)

Решение нужно на CSS, без использования полупрозрачного фонового изображения.

sigma77 · September 29, 2012

stranger_Jack,

Используй задание цвета в rgba.

Статью на сайте найдешь сам.

stranger_Jack · September 29, 2012

с заданием цвета всё понятно, но как сделать чтобы полупрозрачный блок растягивался.


<body>
  <div id="conteiner">
    <div id="opacity_fon"></div>
    <div id="content"><p>Я контент</p></div>
  </div>
</body>

conteiner - блок у которого должны быть полупрозрачные границы,

opacity_fon - задний полупрозрачный фон,

content - слой с контентом, непрозрачный.

Или всё совсем не так?

sigma77 · September 29, 2012

stranger_Jack · September 29, 2012

http://jsfiddle.net/jEK3A/

Ты настоящий друг!) Спасибо

Question