jquery - 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 插件：

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

Answer 3

最简单的选择：CSS3 解决方案 如果您想支持较旧的浏览器（例如 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*/
}

或者：

jQuery：

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

Answer 5

由于很多原因，对此没有通用的解决方案，因为您将拥有不同大小的元素，并且您希望它们的角半径适合它们的大小，但主要是因为您需要处理跨浏览器问题。

所以我的观点是，你的问题没有单一的答案，在这里回答太模糊了。