Всем привет. Верстаю сайт. Создаю веб-дизайн для сайта и столкнулся с такой проблемой, что необходимо сделать прозрачную обводку border div блока. Такой вариант нужен, так как фон динамичный и обводка блоков должна подходить под фон.
Первое, что пришло в голову, это сделать новый блок под основным блоком, ему задать background-image картинку png формата с прозрачностью 50%. нижний блок сделать шире и выше на 2 пх. После с помощью margin-top: -1px; margin-left: -1px;
сместить нижний блок.
Вариант работающий. Но при помощи resize браузера происходят баги - смещение нижнего блога в произвольную сторону. Так же, мне кажется, этот метод довольно не удобный.
Как можно реализовать прозрачную обводку. Заранее спасибо.