mozilla 的 css 边框半径

Question

在给定页面的边框半径下方，#topnav 不适用于 mozilla 但适用于 google chrome，我使用以下 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

Answer 1

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

虽然旧版本是

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

你现在必须接受

border-bottom-left-radius: 15px;

用于新的 Firefox。这就是为什么您总是必须声明官方版本last(这样就不会发生覆盖)。

-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;

尽管如此，它仍然应该有效。也许您有其他规则可以覆盖此规则？ ( Example ) 另外，删除规则 block 后面的 5E9DC8。

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