IE9邊界半徑CSS

Question

我試圖讓圓角在我的CSS類的代碼，因爲它遵循

border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px; 

我一直在閱讀夫婦與我的問題的文章和上面的代碼應該沒問題，但在我的情況下不會開火。

Answer 1

將此添加到您的標記作爲第一行。

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

使用該邊境半徑與其他瀏覽器也更好的兼容性。

 -moz-border-right-radius: 5px; 
    -webkit-border-right-radius: 5px; 
    border-right-radius: 5px; 
    -moz-border-left-radius: 5px; 
    -webkit-border-left-radius: 5px; 
    border-left-radius: 5px; 

Answer 2

IE9使用CSS3（行業標準）。因此你的代碼應該工作。

一個非常普遍的問題是，儘管您使用的是ie9，但它可能會使用舊版本來呈現網頁。查看是否錯誤地啓用了兼容模式。您也可以嘗試開發人員工具（F12），並查看文檔模式和瀏覽器模式（位於頂部）設置爲IE9。