6

我正在使用以下 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 不显示圆形边框?

4

4 回答 4

15

从 IE8 开始,IE 不支持 CSS3 边框半径属性。不知道你看到了什么,说它确实如此。您可以使用图像、javascript 或许多其他技巧在 IE 中圆角。

于 2009-08-16T18:47:19.953 回答
4

没有 -ms-border-radius Internet Explorer 不支持它。

微软不得不说的关于圆角的“最新”事情是这个名为“保持领先”的旧桌子+图像黑客;-)

于 2009-08-16T18:49:02.837 回答
1

IE 不支持边框半径。

来自IE8 专家区聊天

克里斯·威尔逊 [MS](专家):

问:[9] 任何支持 CSS 的边界半径的计划,例如。-ms-边界半径:5px;? Firefox 和 Safari 有 -khtml- 和 -moz- 实现,我们可以使用它们来做没有图像或精灵的圆角,并提高性能,即。 http://preview.tinyurl.com/9y3tfn/

A:border-radius 在愿望清单上很高,但不会出现在 IE8 中。

于 2009-08-16T18:50:09.417 回答
1

虽然我意识到答案已被接受,但我想建议 - 如果您需要进一步的建议/支持/指导 - 您可以看看Curvy Corners;他们有一个带有示例的 JS 库。

当然,就像MooTools一样,尽管它带有来自phat fusion的第三方(据我所知)模块。并且jQuery有自己的第三方角插件,来自methvin

于 2009-08-16T23:35:38.577 回答