CSS邊界半徑

我想在我的Styles.css中使用以下兩個屬性：CSS邊界半徑

border-radius: 8px; /*w3c border radius*/ 
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */

它與下面的消息出現。

它們不是已知的CSS屬性。

來源

2011-05-05 Hari Gillala

此消息何處？你使用的是什麼瀏覽器？ – 2011-05-05 14:34:07

border -radius未知css屬性名稱，box-shadow未知css屬性名稱 – 2011-05-05 14:35:34

此錯誤顯示在哪裏？在你的編輯器中？如果是這樣，它可能會被忽略，因爲它可能不符合css3標準。還請記住使用'-moz'和'-webkit'等同物來覆蓋其他瀏覽器。 – anothershrubery 2011-05-05 14:35:45

我相信這是一個Visual Studio的錯誤信息，對不對？如果是這樣，就忽略它。但是，爲舊版瀏覽器添加瀏覽器特定版本的這些規則到您的css。例如-webkit-border-radius和-moz-border-radius等

來源

2011-05-05 14:40:28 musaul

有什麼可以添加到CSS文件，以便Visual Studio 2010知道遵循CSS3？ – dumbledad 2012-05-17 07:55:19

如果您的瀏覽器中存在這些錯誤，您需要使用更多邊框半徑類型，因爲所有瀏覽器都有自己的邊框。

的邊界半徑的例子：

-webkit-border-radius: 5px; /* Safari and webkit */  
border-radius: 5px; /* Opera, Chrome */ 
-moz-border-radius: 5px; /* Mozilla (FF, Seamonkey) */

框中陰影的例子：

-webkit-box-shadow: 10px 10px 5px #888; 
box-shadow: 10px 10px 5px #888; 
-moz-box-shadow: 10px 10px 5px #888;

來源

2011-05-05 14:33:48

HTML5文檔類型與CSS3屬性無關。 – duri 2011-05-05 14:41:58

你是對的。改變了它 – 2011-05-05 14:56:50

由於這些屬於css3屬性，您會得到該消息。要檢查它的有效性用途：

http://jigsaw.w3.org/css-validator/validator?uri=EXAMPLE.COM/STYLE.CSS&profile=css3

與網址到你的CSS文件替換EXAMPLE.COM/STYLE.CSS。

來源

2011-05-05 14:41:53 seler

對這些CSS3屬性的支持正在增長，但很多瀏覽器還沒有。

最新的Opera也有Safari，Chrome和Firefox的功能，但它們需要自定義屬性。

最好的方法是複製每個屬性，一次使用前綴-moz-，一次使用前綴webkit-。總是最後寫出符合標準的規則。像這樣：

-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border-radius: 8px; /*w3c border radius*/ 
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */

你可以檢查哪個瀏覽器支持什麼Standardista。

來源

2011-05-05 15:09:38 Mushimo

找到瀏覽器兼容性的更好鏈接：[caniuse.com]（http://caniuse.com/#search=border）。 – mbomb007 2016-02-10 20:13:40

CSS邊界半徑

回答

相關問題