圆角在 IE、CSS/DIV 中不起作用
我的 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
}
My css is not working with Iexplorer, can someone explain me why this isn't working?
The HTML
<div class="myBox"> Content <div>
The 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
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
IE 不支持 CSS3 圆角，我建议使用 PNG 图像。
IE doesn't support CSS3 rounded corners, I'd suggest a fallback to using PNG images.
只需使用 CSS3 属性
border-radius。当然，它可能要等到 IE9 才能工作，这又回到了那个古老的问题...网站需要看起来完全一样吗每个浏览器都一样吗？
Just use the CSS3 property
border-radius. Sure, it probably won't work until IE9, which goes back to the age old question...Do web sites need to look exactly the same in every browser?
您应该在 IE6+ 中使用 htc 文件来弯曲拐角。在 IE9 中，CSS3 声明将起作用。如何使用 htc 文件形成曲线角，您可以在这里找到 http://starikovs .com/2010/08/24/css3-rounded-corners/。
You should use htc file to curve corners in IE6+. In IE9 the CSS3 declarations will work. How to use htc file to curve corners you can find here http://starikovs.com/2010/08/24/css3-rounded-corners/.
因为 IE 不支持自定义 Mozilla 或 WebKit 属性。
一个选项可能是使用 CSS3 独立于浏览器的圆角属性，但它尚未在主要浏览器中广泛实现。因此，如果您想要跨浏览器兼容性或禁用 JavaScript 的功能，现在您必须坚持使用图像。
Because IE does not support custom Mozilla or WebKit properties.
An option could have been using CSS3 browser-independent round corner properties, but it is not yet widely implemented across major browsers. So for now you'll have to stick to images if you want cross-browser compatibility or function with JavaScript disabled.