是否可以接受“邊界半徑”？

Question

我正在制作一個網站，想知道CSS屬性“ borderRadius”是否“可接受”。 就像，應該期望每個人都有支持它的瀏覽器，還是仍然不被支持而不應該使用它？

Answer 1

現在是檢查http://caniuse.com的好時機，以了解哪些瀏覽器支持它，哪些瀏覽器不支持。 另外， http：//css3please.com會告訴您實現它的正確方法以獲得最廣泛的支持。

在第一個站點上，我們看到了對支持的支持並沒有那么糟糕，盡管我們需要為某些瀏覽器使用一些前綴。 第二個站點為我們提供了以下實現：

.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
                                  iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding; 
          background-clip: padding-box;      
}

任何不了解它的瀏覽器都將忽略它，然后轉到下一個規則。 這樣，請確保不要以任何依賴布局的方式使用它以提高可用性。 將其用作漸進增強功能 ，而不是必需的功能。

Answer 2

以我的經驗，不能識別邊界半徑的瀏覽器只會忽略它。 因此，進行前瞻性思考並使用它符合您的最大利益。 較舊的瀏覽器只會顯示默認的塊角而不是圓角。

不要讓較舊的瀏覽器缺少該功能，從而阻止您改善已升級瀏覽器的用戶體驗。