Круглые углы с использованием пользовательских изображений

Question

Я пытаюсь создать коробку с закругленными углами, используя изображения.Я знаю, как использовать CSS3, но мне нужно использовать изображения, так как у меня есть несколько пользовательских углов с тенью и прозрачностью.

Нужный мне результат:

http://i33.tinypic.com/35jze54.jpg

Я разделил окно на несколько изображений:

http://i37.tinypic.com/2w6b14g_th.png

Я знаю, что есть много информации по этой теме, но я работал над этим последние дни, и из статей, которые я прочитал, я не могу получить именно то, что мне нужно.Кажется, проблема в том, что мне нужен фон всех изображений, чтобы иметь некоторую прозрачность (как белую, так и теневую).У кого-нибудь есть идея, как это сделать, используя divs?

Answer 1

Моя любимая техника это: Еще больше закругленных углов .Посмотрите на демонстрационную страницу: http://www.schillmania.com/projects/dialog2/. Это именно то, что вы хотите.

Плюс, в отличие от других методов, вам не нужно вырезать фоновое изображение.

Answer 2

Сегодня я боролся с закругленными углами. Я использую GIF, которые имеют углы в цвет фона. Поскольку это GIF, углы могут быть прозрачными, но я бы не стал беспокоиться о том, что «позади». Но в вашей ситуации GIF будет лучше, чем JPG (это то, что вы делаете?), Поскольку поддерживается прозрачность, или PNG, если вам не требуется поддержка старых браузеров. Затем вы можете поместить цвет фона в стиль для DIV, если вы тоже хотите.

НТН