Закругленные углы изображения в IE и Firefox

Question

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

Какие у меня есть варианты,если есть?Открыто для всех предложений, включая div обертки и угловые изображения.

Кроме того, если это не может быть сделано в IE, но есть решение для Firefox, меня это устраивает.

Answer 1

Если вы заинтересованы в создании углов в IE, тогда это может быть полезно - http://css3pie.com/

Answer 2

Если вы повторно используете изображение и оно различается по размеру, вам следует соответствующим образом порезать углы, если это возможно. Я быстро посмотрел на вас, и вот сайт , который показывает вам, как этого добиться, используя спрайты. Это увеличивает вашу разметку, потому что вам нужно использовать позиционированные div для позиционирования каждого раздела поля.

Конечно, последние версии Firefox, Safari, Opera и Chrome поддерживают border-radius , что позволяет создавать закругленные углы без использования изображений. IE9 также поддержит это, когда выйдет.
Я видел сайты , которые используют border-radius и просто оставляют его там, чтобы границы не округлялись в браузерах, которые его не поддерживают.

Answer 3

Я не уверен, но, возможно, вы можете достичь того, что вы хотите, используя SVG фоны. Это не будет работать в IE.

Answer 4

Я использую угловой плагин jQuery.Вы можете сделать:

$ ('# div'). Corner ('10px');