我應該采取哪種圓角方法？

Question

因此，圓角處的信息並不缺乏，我已經瀏覽了很多信息，我正在發布以征詢社區的意見。

我的情況是我們正在開發一個依賴於圓角的設計，主要用於交互（ <button>和<a> ）。 我們將對邊界上的良好瀏覽器使用邊界半徑，使其與邊界瀏覽器配合使用，然后使用服務器將JavaScript向下發送給不兼容的瀏覽器。

我想知道的是什么可以用來擴大忽略邊界半徑CSS的瀏覽器？ 我需要可以在button以及a，div等上使用的東西。我一直在查看以下內容，發現有些<button>效果不佳。 該站點還已經使用jQuery。

http://www.curvycorners.net/ - http://code.google.com/p/jquerycurvycorners/

http://www.html.it/articoli/niftycube/index.html

http://www.malsup.com/jquery/corner/

編輯：我也看過http://www.dillerdesign.com/experiment/DD_roundies/ ，這時對我來說似乎是最強的候選人。

Answer 1

他們都是一樣的。 我用了最后一個（ http://www.malsup.com/jquery/corner/ ），它的效果很好。 比你所關心的幾乎可以肯定有更多的邊角樣式，但在8KB，這不是太重量級。

Answer 2

使用可行的方法並按時完成項目。 除此之外，您不太可能獲得很多有用的反饋，因為它們都從一個或另一個角度吸取，這取決於您如何查看圖像，javascript，語義，添加額外的標簽以“使其工作”等。

Answer 3

總體而言，您應該只使用-webkit-border-radius以及-moz-border-radius來支持所有Webkit和Mozilla瀏覽器。 要使用IE進行修復，有一個javascript函數可以做到這一點。 希望有幫助！

Answer 4

spiffycorners.com具有100％的CSS方法，甚至可以在IE6中使用！ 這就是我用的...

Answer 5

我對上述Javascript方法有一些經驗，它們都很好用。 就個人而言，我會選擇與現有Javascript框架很好地集成的東西，例如JQuery（這將是我個人的選擇）。

但是，就內存使用而言，將效果應用於許多元素對於瀏覽器可能非常麻煩。 由於我過於慷慨地應用了角點效果，因此導致了很多瀏覽器崩潰。

Answer 6

您是否看過Stu Nicholis的CSS劇本？ 他的Snazzy Borders和Krazy Korners是一個很好的跨瀏覽器解決方案。