internet-explorer-9 - 在 IE9 中使用 "border-radius"无效

Question

我用 Google 搜索了这个，但找不到解决方案。我正在对我的 div 应用圆 Angular 半径，但 IE9 不显示效果。

CSS:

.ipleft {
width: 512px;
height:300px;
-webkit-border-radius: 10px 0px 0px 10px;
-khtml-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
background-image: url(images/ipleft.png);
float: left;}

.ipright {
width: 512px;
position: relative;
height:300px;
-webkit-border-radius: 0px 10px 10px 0px;
-khtml-border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
background-image: url(images/ipright.png);
float: right;}

我添加了适当的元标记，但它仍然不起作用!该网站是 www.campusonsale.com。如果您使用 FF 查看圆 Angular 应用没有问题，但 IE9 显示矩形 Angular !

Answer 1

您的网站正在以怪癖模式显示。这是因为您在 <script> 之前有一些内容( <!doctype> 元素) .在怪癖模式下，IE 使用类似于 IE5 的渲染，因此 border-radius不起作用。