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

由于@JLeagle已指出，你可以使用CSS在大多数浏览器来实现这一目标。

如果做需要为旧版浏览器有一个漂亮的jQuery Curvy Corners plugin你可以使用：

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

Answer 3

最简单的选择：CSS3 Solution 如果你想支持旧的浏览器（如IE6），你”必须使用图像。 不知道如何/为什么你会用jQuery来做到这一点。

Answer 4

<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 5

没有通用的解决方案，这一点，有许多原因，因为你将有一个元素不同的尺寸，你会希望他们的角落半径适合他们的尺寸，但主要是因为你有交叉兄弟需要处理的问题。

所以我的看法是，你的问题没有单一的答案，它太模糊，无法在这里回答。