CSS邊框RADIUS，這是使用正確的樣式？邊界半徑？ -webkit-邊界半徑？ -moz-邊界半徑？

我想用CSS創建漂亮的圓形邊框。我知道以下CSS樣式：CSS邊框RADIUS，這是使用正確的樣式？邊界半徑？ -webkit-邊界半徑？ -moz-邊界半徑？

border-radius 
-webkit-border-radius 
-moz-border-radius

哪種樣式是最適合使用的？

來源

2009-12-31 AnApprentice

/* Gecko browsers */ 
-moz-border-radius: 5px; 
/* Webkit browsers */ 
-webkit-border-radius: 5px; 
/* W3C syntax - likely to be standard so use for future proofing */ 
border-radius: 5px;

的Internet Explorer 6 & 7,8（據我所知）和Opera不支持圓角。相反，這些用戶會看到一個正常的角落。

您可以開始使用Firefox和任何'Mozilla'瀏覽器系列。 Apple的WebKit網絡瀏覽器引擎還支持圓角，使其可在Safari和Chrome網絡瀏覽器，iPhone和運行WebKit的其他設備上使用。

你的問題的詳細答案就在這裏

http://shapeshed.com/journal/css3_tour_border-radius/

和IE瀏覽器使用這些解決方案 http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html

http://www.css3.info/a-border-radius-solution/

在這裏看到一些很酷的信息關於角落 http://www.the-art-of-web.com/css/border-radius/

來源

2010-01-02 03:05:52

爲什麼使用10px的作爲邊界半徑值，而不是5px的？只是挑剔，但現在看起來人們必須加倍其他規則的價值。 – 2010-02-04 04:00:15

他只是直接從第一個鏈接複製示例。我已將它們全部更改爲'5px'，因爲應該沒有區別。 – DisgruntledGoat 2010-03-23 14:44:09

Opera 10.5現在支持'border-radius'，IE9也會支持。 – mercator 2010-03-23 20:57:00

你應該使用全部三條規則。

這樣，您的頁面既可以在當前版本的Mozilla和WebKit上運行，也可以在將來實現該標準的瀏覽器上運行。

來源

2009-12-31 02:35:32 SLaks

你應該使用所有這些（現在）。 -moz面向Mozilla瀏覽器和-webkit面向Webkit瀏覽器。從技術上講，你不需要簡單的邊界半徑，但最佳實踐說你應該包括它，所以當CSS3上線時，你已經實現了它。

來源

2009-12-31 02:38:03

-webkit-border-radius適用於基於webkit的瀏覽器，如Safari & Chrome。 -moz-border-radius適用於Firefox等Mozilla產品。儘管Opera目前使用它，但當標準最終完成時將使用border-radius。

使用全部3來確保最大的兼容性。

來源

2009-12-31 02:38:16 hell0w0rld

只需使用「border-radius」，因爲大多數網站都標準化了對css的支持，使用「border-radius」也可使該功能在任何其他即將推出的瀏覽器中工作，例如：IE9或IE10，不帶任何自定義前綴。

進一步閱讀有關邊界半徑財產 http://www.learntby.me/css/css_borderadius.php

來源

2012-08-08 08:51:48

CSS邊框RADIUS，這是使用正確的樣式？邊界半徑？ -webkit-邊界半徑？ -moz-邊界半徑？

回答

相關問題