HTML 圆角 Internet Explorer

Question

我怎样才能像这个网站在某些地方那样做圆角.. 我到处搜索，发现很多代码，我搞不清楚该使用哪一个

-moz-border-radius:10px;

-webkit-border-radius:10px;

behavior:url(border-radius.htc);

我应该使用哪一个？为什么它不能与 Internet Explorer 一起使用？

Answer 1

Internet Explorer 6-8 不支持 css3，这就是 border-radius 在那里不起作用的原因。

对于 Internet Explorer 9，您可以使用(无前缀的)border-radius 属性来制作圆角 ( http://ie.microsoft.com/testdrive/HTML5/BorderRadius/ )

对于旧的基于 webkit 的浏览器，您需要使用前缀 -webkit。
对于旧的基于 mozilla 的浏览器，您需要使用前缀 -moz。
对于旧版本的 Opera 浏览器，您需要使用前缀 -o。
对于其他人，您可以只使用不带任何前缀的 border-radius 属性

你的跨浏览器代码必须像下面的代码

{
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}

对于 IE6-8 版本你需要使用像 http://css3pie.com/ 这样的 js 插件