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

Закруглил углы этой библиотекой: 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");
.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;
}
Надеюсь, кому-нибудь будет полезно.


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


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


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