邊框半徑和圓角不能在IE9中工作

圓角在Google Chrome瀏覽器中顯示正常，但在IE9中不顯示。邊框半徑和圓角不能在IE9中工作

這是我的CSS代碼：

.post-labels{ 
    position:relative; 
    float:right; 
    text-align:right; 
    border-style:solid; 
    border-color:#452C28; 
    padding:10px; 
    background-color:#F0ECD5; 
    border-radius:15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -goog-ms-border-radius: 15px}

我試着加入meta標籤：

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

，仍然一無所獲。我究竟做錯了什麼？

http://costumingdiary.blogspot.com

來源

2012-10-02 Artemisia Moltabocca

好的，我想我回答了我自己的問題。我曾嘗試添加以下元標記，但沒有奏效。事實證明，引用IE7的元標記位於最頂端，我沒有看到。我正在編輯Blogger模板。我將它改爲：現在我有了圓角。但現在我的背景顏色都搞砸了。他們從我的常規顏色變爲黑色和灰色。我認爲圖片窗口Blogger模板的代碼編寫器沒有更新代碼以使用IE9。 –

如果您發現自己的問題的答案，請繼續並添加答案，並將其標記爲「已接受」，以便其他人可以從您的發現中受益！ –

請檢查： http://stackoverflow.com/questions/10784999/border-radius-not-working-in-ie9 ESPERO海UTIL。 – user3473248

你的代碼工作正常IE9上沒有任何meta標籤。 Demo.

只要刪除所有與您的版本混淆的元素，並確保您的瀏覽器不處於兼容模式（點擊F12並確保瀏覽器模式和文檔模式都是IE9）。

來源

2012-10-31 17:54:53 brentonstrine

邊框半徑和圓角不能在IE9中工作

回答

相關問題