「邊界半徑」可以接受嗎？

我正在製作一個網站，並想知道CSS屬性「borderRadius」是否「可接受」。就像，預計每個人都有一個支持它的瀏覽器，還是不支持我不應該使用它？「邊界半徑」可以接受嗎？

2012-05-20 Isaiah Bugarin

現在是檢查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;  
}

任何瀏覽器不理解它會忽略它，並移動到下一個規則。有了這個，一定不要以任何方式使用它，你的佈局依賴於它的可用性。使用它作爲漸進增強，而不是一個必要的功能。

來源

2012-05-20 03:16:34 Sampson

尼斯鏈接+1 - http://caniuse.com/#feat=border-radius雖然它應該區別於你不應該使用的東西，因爲你會看到錯誤，以及不支持但不會導致向後兼容性問題。 – jmort253

http://html5please.com/是另一個很好的資源 –

沒有人會使用那些非常古老的WebKit瀏覽器來關注圓角。 – reisio

根據我的經驗，不識別邊界半徑的瀏覽器只是忽略它。因此，對於前瞻性思維和使用它是符合您的最佳利益的。較老的瀏覽器只是簡單地顯示默認塊角落而不是圓角。

不要讓舊功能的瀏覽器缺乏這項功能，從而不能改善那些升級瀏覽器的用戶體驗。

來源

2012-05-20 03:17:52 jmort253

對，這是我用我的一個網站採取的方法。這是我的建議，除非有一些強烈的設計理由，爲什麼邊界應該總是*四捨五入。作爲附加提示，您可以通過在IE9中啓用兼容模式來使圓形邊框消失。 –

謝謝，我結束了使用我下載的行爲腳本，以便它在IE6 +中工作。 –

不客氣:)祝你好運！ – jmort253

「邊界半徑」可以接受嗎？

回答

相關問題