html - 火狐边框白线

Question

我在我的网站中的某些元素上存在边框和半径样式（边框半径）问题，我想摆脱它们，因为它看起来一点也不好。请看下图：

正如您在标题部分看到的那样，它已使用 css3 设置在曲线边框上，但是一条讨厌的白线弄乱了我漂亮的标题，所以我想知道是否有办法摆脱它，或者保持它像一个干净边框（没有标题曲线左下角的白色混乱）在右标题底部边框曲线/半径上相同。

这是我的标题的html结构：

<header id="header" role="banner">
    <span class="extend clear">

    </span>
</header> 

和它的CSS。

#header{
    background: #575656;
    overflow: auto;
    border: 1px solid #454545;
    background-color: #575656;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#575656));
    background-image: -webkit-linear-gradient(top, #333333, #575656);
    background-image: -moz-linear-gradient(top, #333333, #575656);
    background-image: -ms-linear-gradient(top, #333333, #575656);
    background-image: -o-linear-gradient(top, #333333, #575656);
    background-image: linear-gradient(top, #333333, #575656);
    -pie-background: linear-gradient(to bottom, #333333, #575656); /*ie 6-9 via PIE*/

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#575656);

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

    behavior: url(PIE.htc);
}
#header span{
    padding: 20px 15px;
    border-bottom: 1px solid #838181;
    overflow: auto;
    display: block;
}

那个馅饼就是用来展示的，这是它的链接http://css3pie.com/

谢谢，我愿意接受任何想法、建议和建议。

Answer 1

这是无效的：

-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;

此外，它在 Firefox 中对我来说很好用：fiddle

以下内容也应在 Firefox 中应用：

 border-bottom-right-radius: 8px;
 border-bottom-left-radius: 8px;

Answer 2

border-bottom-right-radius

border-bottom-top-radius

border-bottom-bottom-radius

border-bottom-left-radius

尝试使用这些

Answer 3

该语法对 Firefox 无效。将您的代码更改为：

-moz-border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;