Fatal编程技术网
  • javascript/
  • Javascript IE10默认模式下的圆角

Javascript IE10默认模式下的圆角

javascript html css internet-explorer

Javascript IE10默认模式下的圆角,javascript,html,css,internet-explorer,internet-explorer-10,Javascript,Html,Css,Internet Explorer,Internet Explorer 10,我一直在尝试使用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); borde

我一直在尝试使用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>


.弯曲的{
-moz边界半径：0px 0px 5px#999；
-webkit边界半径：0px 0px 5px#999；
行为：url（border radius.htc）；
边界半径：0px 0px 5px#999；
-khtml边界半径：0px 0px 5px#999；
宽度：1000px；
保证金：30像素自动；
边界半径：20px；
左侧填充：10px；
右边填充：10px；
填充：0；
溢出：隐藏；
}
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>


FHSAJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK fhdksja FHDKSJJ FHDKJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKSJK FHDKKSJK FHDKK
hdfdhsajk FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJK FHDSJA FHDSJJ FHDSJK FHDSJK FHDSJK FHDSJK
fhajks hdfdhsajk fhdas fhkdsja fhdksja fhkdaj fhajks hd
FHSAJK FHDS FHDSJK FHDS FHDSJK FHDS FHDSJA fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj
fhsdkja fhkdaj fhkdaj fhkdsja fhkdsja fhkdaj fhkdaj fhkdsja fhkdsja fhkdsja fhkdaj fhkdsja fhkdaj fhkdsja FHKDSJK fhkdsja fhkdsja FHKDSJK fhkdsja fhkdsja
FHSAJK FHDS FHDSJK FHDS FHDSJK FHDS FHDSJA fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj
fhsdkja fhkdaj fhajks hdfdhsajk FHSDAS fhkdsja FHSDKSJA fhsdkja fhkdaj fhajks hdfdhsajk fhkdsja fhkdsja fhkdaj fhajks hd
FHSAJK FHDS FHDSJK FHDS FHDSJK FHDS FHDSJA fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj fhdksj
fhsdkja fhkdaj fhajks hdfdhsajk FHSDAS fhkdsja FHSDKSJA fhsdkja fhkdaj fhajks hdfdhsajk fhkdsja fhkdsja fhkdaj fhajks hd
但还是没有运气。。。 实际上，问题是我想在所有浏览器上使用我的应用程序，特别是上面提到的InternetExplorer中的浏览器模式和文档模式

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

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

IE从版本9开始就支持圆角，因此您不需要饼图库

您还将定义边界半径属性两次，这不重要，但最好只定义一次每个属性

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

border-radius: 0px 0px 5px;
border-color: #999;
border-style: solid;
查看位于的
border radius
文档。

IE从IE开始就支持border radius，即使它不支持，您也会使用IE10供应商前缀（-ms-）。除了没有
-ms border radius
之外。IE在区分无效的
border radius:0px 0px 5px#999和有效的
边界半径：20px-它只是表现得好像第一个不存在。我不认为这是答案，因为我认为您忽略了图像的底部，我在其中提到了文档模式和浏览器模式，这是我主要关心的。在IE10的这些模式下，我的应用程序无法工作。默认情况下，internet explorer以这些设置启动。。。