我正在使用以下 CSS 在我的 DIV 上实现圆角边框:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
但是在 IE 6/7/8 中,即使我包含了 IE 特定的半径,它也不会显示圆形的 DIV 边框(它显示的是方形边框)。
任何想法为什么只有 IE 6/7/8 不显示圆形边框?
我正在使用以下 CSS 在我的 DIV 上实现圆角边框:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
但是在 IE 6/7/8 中,即使我包含了 IE 特定的半径,它也不会显示圆形的 DIV 边框(它显示的是方形边框)。
任何想法为什么只有 IE 6/7/8 不显示圆形边框?
从 IE8 开始,IE 不支持 CSS3 边框半径属性。不知道你看到了什么,说它确实如此。您可以使用图像、javascript 或许多其他技巧在 IE 中圆角。
没有 -ms-border-radius Internet Explorer 不支持它。
微软不得不说的关于圆角的“最新”事情是这个名为“保持领先”的旧桌子+图像黑客;-)
IE 不支持边框半径。
来自IE8 专家区聊天:
克里斯·威尔逊 [MS](专家):
问:[9] 任何支持 CSS 的边界半径的计划,例如。-ms-边界半径:5px;? Firefox 和 Safari 有 -khtml- 和 -moz- 实现,我们可以使用它们来做没有图像或精灵的圆角,并提高性能,即。 http://preview.tinyurl.com/9y3tfn/
A:border-radius 在愿望清单上很高,但不会出现在 IE8 中。
虽然我意识到答案已被接受,但我想建议 - 如果您需要进一步的建议/支持/指导 - 您可以看看Curvy Corners;他们有一个带有示例的 JS 库。
当然,就像MooTools一样,尽管它带有来自phat fusion的第三方(据我所知)模块。并且jQuery有自己的第三方角插件,来自methvin。