JQuery - Закругленные углы

Question

Мои намерения для моего сайта - добавить пышные углы .. Кто-нибудь знает, есть ли способ сделать изогнутые углы по углам каждого элемента на странице ... если это так, как ты это делаешь?

Answer 1

Для этого вам не нужен JavaScript, вы можете сделать это с помощью CSS - хотя IE6 не поддерживает это. Для всех браузеров вам нужно будет использовать изображения.

Попробуйте это:

.round{
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

<div class="round etc etc"></div>

Answer 2

Нет общего решения для этого, по многим причинам, потому что у вас будут элементы разных размеров, и вы захотите, чтобы их угловые радиусы соответствовали их размеру, но в основном потому, что у вас есть проблемы с кросс-браузерной обработкойс.

Так что я считаю, что нет единого ответа на ваш вопрос, и он слишком расплывчатый, чтобы отвечать здесь.

Answer 3

<div id="#my-element">Content</div>

CSS:

#my-element{
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
  border-radius: 15px; /*Future proofing*/
}

OR

JQuery:

$('#my-element').css({
 -moz-border-radius: 15px, 
 -webkit-border-radius:15px,
  border-radius: 15px
});

Answer 4

Самый простой вариант: Решение CSS3 Если вы хотите поддерживать более старые браузеры (например, IE6), вам придется использовать изображения. Не знаю, как / почему вы сделали бы это с помощью jQuery.

Answer 5

Как уже отмечал @JLeagle, вы можете использовать CSS для достижения этого в большинстве браузеров.

Если вам нужно нужна поддержка для старых браузеров, есть изящные jQuery Curvy CornersПлагин вы можете использовать:

http://plugins.jquery.com/project/curvy-corners