Кроссбраузерное закругление углов

Закруглил углы этой библиотекой: http://jquery.malsup.com/corner/ Но в проклятом IE оно почему-то не работает: http://maestro-magnifico.ru/ Как сделать кроссбраузерно?
8 ответов

Работает в IE. Покажи код как ты закругляешь.


$('.content, .green_message').corner("keep 7px");
$('.capture').corner("top 6px");
$('.nav li, #lastposts').corner("bottom 6px");
$('.news, .error').corner("keep 6px");
$('#header').corner("bottom keep 9px");
$('#header-left, #header-right').corner("bottom keep 8px");


В IE работает само закругление, но там точно не работает 2 функции этого плагина - сглаживание и дирректива "keep", которая должна оставлять закруглённый бордер. Короче, я пришёл к выводу, что есть только один по настоящему кроссбраузерный метод: http://www.schillmania.com/projects/dialog/


Додумал ещё способ кроссбраузерного закругления, с использованием библиотеки из первого поста.) Решил остановиться на нём, как на наиболее простом. Как я писал выше, атрибут "keep" не кроссбраузерный, но если вокруг элемента нужны закруглённые бордеры, как в моём случае, то их можно сделать так:
<div class="green_shell"><div class="green_message"><a href="#">x</a><p>Ваше сообщение отправлено.</p></div></div>
$('.green_message').corner("7px");
$('.green_shell').corner("8px");
<pre class="prettyprint linenums">.green_shell { background-color: green; margin: 5px; padding: 1px; } .green_message { background-color: #C0FFC0; display: none; } .green_message p { padding: 6px; } .green_message a { float: right; margin-right: 3px; cursor: pointer; text-decoration: none; color: #333333; } .green_message a:hover { color: green; text-decoration: none; }</pre>
Надеюсь, кому-нибудь будет полезно.


Вот тут или тут. Идеально решают вашу проблему.


css3 + pie чем не вариант? я вот недавно перешел на эту связку и всё гуд


css3 + pie чем не вариант? я вот недавно перешел на эту связку и всё гуд
Согласен, хорошая библиотека, но иногда при вёрстке возникают сложности.