IE9無法識別border-radius

我無法讓IE9識別我的CSS邊框樣式：border-radius: 10px;。我也嘗試使用<meta http-equiv="X-UA-Compatible" content="IE=9" />，但它只是弄亂了我的背景（它從底部切割了我背景中的一塊）。IE9無法識別border-radius

<html> 
<style> 
.outer{ 
    background: url('http://v4m.mobi/php/i/images/grey_background.jpg'); 
    vertical-align: middle; 
    text-align: center; 
    width: 100%; 
    height: 100%; 


.inner{ 
margin: 0 auto; 
border: 3px solid #444444; 
vertical-align: middle; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; /* <-- This line */ 
background-color: #999999; 
} 

.inner td{ 
width: 213.33px; 
height: 340px; 
} 
</style> 
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" style="margin: 0; 
padding: 0; border: none"> 

<div class="outer"> 
<div style="padding-top: 5%;"></div> 
<table class="inner" cellspacing="10"> 
    <tr> 
     <td bgcolor="#ffffff">referferf$<br/>dcsdcsd</td> 
    </tr> 
</table> 
</div> 
</body> 
</html>

來源

2012-04-04 DextrousDave

我的意思是，我也嘗試使用 - meta http-equiv =「X-UA-Compatible」content =「IE = 9」標籤，它確實有效，但它只是弄亂了我的背景佈局。我可以讓邊界半徑更早地工作，但由於某種原因，它不會與我的代碼混合使用 – DextrousDave 2012-04-04 17:53:38

您的頁面缺少文檔類型。 – BoltClock 2012-04-04 17:54:32

@DextrousDave使用反引號包圍內聯代碼。 http://stackoverflow.com/editing-help。 – 2012-04-04 17:55:30

唯一的解決辦法是使用標準呈現模式 - 添加<!doctype html>或X-UA-Compatible報頭。如果它打破了你網站的其他部分，這意味着你應該重寫你的代碼，因爲它針對IE的怪異模式進行了優化。

來源

2012-04-04 17:59:59 duri

IE9無法識別border-radius

回答

相關問題