3

在#topnav 的边界半径下方的给定页面上，不适用于mozilla，但适用于谷歌浏览器，我使用以下css代码：

http://www.kbay.in

#topnav { display:inline-block;float: right; text-align: right; background: #e4f4fe; 
    border:1px solid #e4f4fe;
    border-bottom-color: #e4f4fe;
    border-bottom-width: 4px;
    border-bottom-style: solid; 
    border-radius: 0px 0px 15px 15px; 
    -moz-border-radius-bottomleft: 15px; 
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    margin-right: 90px; margin-top: 0px;
    width:265px;}5E9DC8
4

2 回答 2

4

新的 Firefox 现在有无前缀版本的border-radius.

虽然旧版本是

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

你现在必须采取

border-bottom-left-radius: 15px;

对于新的 Firefox。这就是为什么您总是必须最后声明正式版本的原因（因此不会发生覆盖）。

-moz-border-radius-bottomleft: 15px; 
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
/*last border-radius declaration has to be the standard one*/
border-radius: 0px 0px 15px 15px;

尽管如此，它仍然应该工作。也许您还有其他一些规则可以覆盖这一规则？（示例）另外，删除5E9DC8你的规则块后面。

顺便说一句，如果您只选择速记符号，那么您是安全的，因为它没有符号差异。

于 2012-07-27T11:14:41.360 回答
1

是的，现在，在上一个浏览器版本中，旧前缀（-o、-moz、-webkit）被删除，只需对所有新浏览器（即，opera、chrome 和 firefox）使用“border-radius”，这是W3C 规范 但是，对于“旧”浏览器，继续使用旧的 profixes，

现有一个特定网站用于生成 CSS 边界半径代码就在这里。

于 2012-07-27T12:07:58.103 回答