在IE10默认模式下的圆角

时间：2013-05-23 16:30:47

标签： javascript html css internet-explorer internet-explorer-10

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

Screen shot of the result

我曾尝试使用来自不同供应商的.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的这个或任何其他解决方法中使用它。

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

1 个答案:

答案 0 :(得分：2)

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

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

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

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

查看MDN上的border-radius文档。

相关问题
最新问题