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

Question

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

В результате мне нужно:

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

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

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

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

Answer 1

Моя личная техника любимая это одна: even more rounded corners. Посмотрите демо-страницу: http://www.schillmania.com/projects/dialog2/. Он делает именно то, что вы хотите.

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

Answer 2

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

НТН