在不同的浏览器中运行CSS矩形属性

Question

我正在使用此代码

-moz-border-radius: 15px;
border-radius: 15px;

使用CSS创建矩形。它在Mozilla FireFox中运行良好，但它无法在Internet Explorer或其他浏览器中运行。如果您有任何解决方案，请指导我。感谢。

Answer 1

使用此：

-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px; /*for webkit based browsers..*/

在IE9中，border-radius有效（据我所知，我相信）..

对于以前版本的IE ，只需浏览此链接：http://jonraasch.com/blog/css-rounded-corners-in-all-browsers 而这：http://code.google.com/p/curved-corner/

从该网站复制粘贴：

.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 15px;
}

您可以在此处找到该文件：http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc

Answer 2

尝试：

-moz-border-radius: 15px; /* FF1+ */
-webkit-border-radius: 15px; /* Saf3-4 */
border-radius: 15px; /* Opera 10.5, Saf5, Chrome */

对于IE：直到IE 9不支持