0

我的 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

}
4

4 回答 4

1

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

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

于 2010-03-09T14:41:27.257 回答
1

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

于 2010-02-23T10:44:57.163 回答
1

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

于 2010-08-24T09:42:32.503 回答
0

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

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

于 2010-02-23T10:43:59.843 回答