圓角無法在IE9中工作

我有一個圓角對話框，在Firefox中可以正常工作，但圓角在IE9中不存在。圓角無法在IE9中工作

我使用下面的代碼：

  #dialog-box { 
/* css3 drop shadow */ 
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
/* css3 border radius */ 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
background:#eee; 
width: 1000px; 
height:900px; 
/* make sure it has the highest z-index */ 
position:absolute; 
z-index:5000; 
/* hide it by default */ 
display:none; 
}

來源

2011-08-10 user882196

您的邊框半徑規則專門針對Webkit和Firefox。您沒有任何其他瀏覽器的半徑規則。見下面的答案。 – Sparky

除了WebKit和Mozilla瀏覽器的擴展，你需要使用「標準化」 border-radius屬性：

border-radius: 5px;

http://msdn.microsoft.com/library/ff974085.aspx

W3：http://www.w3.org/TR/css3-background/#the-border-radius

來源

2011-08-10 19:09:24

正確的規則是border-radius: 5px;

來源

2011-08-10 19:10:01 Emil

請加上這也

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
border-radius: 5px;

-moz-邊界半徑 - 火狐

-webkit-邊界半徑 - 野生動物園3,4

border-半徑 - Opera 10.5，IE 9，Chrome，Safari 5

來源

2012-01-23 11:41:37 noushy

圓角無法在IE9中工作

回答

相關問題