moz-border-radius无法在firefox上运行

Question

我有一个导航栏,这样当你将鼠标悬停在链接上时,它会改变颜色,左下角和左下角都会变圆.这似乎在chrome和某些版本的ie上工作正常,但不是在firefox上.我使用错误的代码或firefox根本不支持边框半径？我使用的是firefox 22版.

CSS

    #nav li:hover a,#nav .active a
{
color:#4D4D4D!important;
-moz-border-radius-bottom-right:5px;
-moz-border-radius-bottom-left:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;


}

Answer 1

如果使用带前缀的属性,通常还应包括非前缀版本:

#nav li:hover a,#nav .active a
{
     -moz-border-radius-bottomright:5px;
     -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
          border-bottom-right-radius:5px;
          border-bottom-left-radius:5px;
}

根据caniuse.com的说法,Firefox border-radius在当前版本中使用了无前缀(实际上是4.0版).