代码之家 › 专栏 › 技术社区 › George

CSS-边框半径不显示在IE6/7/8中

vendor-prefix css3 cross-browser internet-explorer css

6

George · 技术社区 · 16 年前

我正在使用以下CSS在我的分区上实现圆形边界:

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 回复 | 直到 13 年前

1

15

Nickolay 13 年前

从IE8开始,IE不支持css3 border radius属性。不知道你看到了什么。您可以使用图像、JavaScript或许多其他技巧在IE中进行圆角。

2

4

bjelli 16 年前

没有-MS border radius Internet Explorer不支持。

微软关于圆角的最新说法是 this old table+images hack 标题为“保持领先”;—)

3

1

chrissr 16 年前

IE不支持边界半径。

从 IE8 Expert Zone Chat :

Chris Wilson[MS](专家):

问:【9】任何支持CSS的计划边界半径,例如 -MS边界半径:5px;?火狐和Safari有-khtml-和-mozl- 我们可以用来做的实现无图像的圆角或雪碧,提高性能。 http://preview.tinyurl.com/9y3tfn/

答: 边界半径高列表,但不在IE8中。

4

1

David Thomas 16 年前

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

当然,就像 MooTools 尽管有第三方模块(据我所知) phat fusion . 和 jQuery 有自己的第三方插件,从 methvin .