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，这可以追溯到古老的问题......

Do web sites need to look exactly the same in every browser?

Answer 3

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

Answer 4

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

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

圆角不适用于IE，CSS / DIV

4 个答案: