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

沒有通用的解決方案，這一點，有許多原因，因爲你將有一個元素不同的尺寸，你會希望他們的角落半徑適合他們的尺寸，但主要是因爲你有交叉兄弟需要處理的問題。

所以我的看法是，你的問題沒有單一的答案，它太模糊，無法在這裏回答。