Додумал ещё способ кроссбраузерного закругления, с использованием библиотеки из первого поста.) Решил остановиться на нём, как на наиболее простом. Как я писал выше, атрибут "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;
} |
Надеюсь, кому-нибудь будет полезно.
