Вы, безусловно, можете создавать гибкие элементы с закругленными углами изображения.
См. эту статью .
Поскольку CSS3 border-radius теперь поддерживается во многих современных браузерах, вы можете использовать это в качестве основного решения и предоставить запасной вариант для тех, кто его не поддерживает.
В недавнем проекте я создал веб-сайт с border-radius и использовал jQuery .wrap ()для браузеров, которые не поддерживают его.Это выглядит примерно так:
HTML
<div class="round">
<p>Hi, I'm a paragraph</p>
</div>
CSS
.round {
border: 1px solid red;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
jQuery
if ($.browser.msie) {
$('.round').wrap('<div class="tl"><div class="tr"><div class="bl"><div class="br"></div></div></div></div>');
}
И затем вы можете оформить элементы круглого угла, как указано в статье выше.