圆角在IE，CSS / DIV中不起作用

Question

我的CSS无法与Iexplorer一起使用，有人可以向我解释为什么这不起作用吗？

HTML

<div class="myBox"> Content  <div>

CSS：

.myBox {
    margin: 0.0in auto;
    color: #FFF;

    width: 450px;
    height:450px;
    padding: 12px;
    text-align: left;
    background-color: #444141;
    border: 0px solid #4e4b4b;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.myBox h2 {
    color:#f57f20

}

Answer 1

IE不支持CSS3圆角，我建议您回退使用PNG图像。

Answer 2

只需使用CSS3属性border-radius 。 当然，它可能要等到IE9才能使用，这可以回溯到古老的问题...

网站是否需要在每个浏览器中看起来都完全相同？

Answer 3

您应该使用htc文件在IE6 +中弯曲拐角。 在IE9中，CSS3声明将起作用。 如何使用htc文件弯曲拐角，您可以在此处找到http://starikovs.com/2010/08/24/css3-rounded-corners/ 。

Answer 4

因为IE不支持自定义Mozilla或WebKit属性。

一个选项本来可以使用独立于CSS3浏览器的圆角属性，但尚未在主要浏览器中广泛实现。 因此，如果您现在想要跨浏览器兼容性或禁用JavaScript的功能，则必须坚持使用图像。