问IE9无法识别边界半径
EN

Stack Overflow用户

提问于 2012-04-05 01:52:39

回答 1查看 842关注 0票数 0

我无法让IE9识别我的CSS边框样式：border-radius: 10px;。我也试过使用<meta http-equiv="X-UA-Compatible" content="IE=9" />，但它弄乱了我的背景(它在底部从我的背景中切下了一块)。

<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>

html

css

internet-explorer-9

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-05 01:59:59

唯一的解决方案是使用标准渲染模式-添加<!doctype html>或X-UA-Compatible header。如果它破坏了你网站的其他部分，这只意味着你应该重写你的代码，因为它针对IE的怪癖模式进行了优化。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10016616

复制

相似问题

问IE9无法识别边界半径
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE9无法识别边界半径EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE9无法识别边界半径
EN