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>

我的意思是，我也尝试使用 - 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://*.com/editing-help。 – 2012-04-04 17:55:30

答

唯一的解决办法是使用标准呈现模式 - 添加<!doctype html>或X-UA-Compatible报头。如果它打破了你网站的其他部分，这意味着你应该重写你的代码，因为它针对IE的怪异模式进行了优化。

IE9无法识别border-radius

相关推荐