0

我一直在尝试使用 IE 10 中的默认设置显示圆角不想更改文档模式和浏览器模式：

结果的屏幕截图

我曾尝试使用来自不同供应商的 .htc，即 css3pie.com、round-border.htc 等，但没有结果：

   <style>
.curved {
 -moz-border-radius:0px 0px 5px #999;
 -webkit-border-radius:0px 0px 5px #999;
 behavior: url(border-radius.htc);
 border-radius:0px 0px 5px #999;
 -khtml-border-radius: 0px 0px 5px #999;
 width: 1000px;
    margin: 30px auto;
border-radius: 20px;
        padding-left: 10px;
    padding-right: 10px;

    padding: 0; 
    overflow: hidden;
}
</style>

HTML 代码：

<body>

<div class="curved">
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks 
hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj
 fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja 
fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja 
fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja
 fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
</div>

但仍然没有运气......实际上问题是我想在所有浏览器上使用我的应用程序，特别是在 Internet Explorer 中提到的浏览器模式和文档模式。

如果我只是将我的文档模式更改为 IE10 或标准视图中的怪癖，它会给我输出。但具体来说，我希望它在这个或任何其他使用 css 或 javascript 的解决方法中。

我还尝试使用元标记强制更新文档模式和浏览器模式，但也没有帮助，因为它没有解决我的问题。

4

1 回答 1

2

IE 从版本 9 开始支持圆角，因此您不需要 PIE 库。

您还定义了两次border-radius 属性，这无关紧要，但是最好只定义一次每个属性。

另外，我注意到您正在以border-radius非标准方式使用该属性。您提供的第四个参数#999无效，只允许长度或百分比作为值。这可能会导致 IE 忽略该属性。也许你的意思是：

border-radius: 0px 0px 5px;
border-color: #999;
border-style: solid;

查看MDNborder-radius上的文档。

于 2013-05-23T16:46:03.567 回答