firefox border white line

即時通訊在我的網站的某些元素上有邊界和半徑樣式（邊框半徑）問題，我想擺脫它們，因爲它看起來不太好。請看下面的圖片：firefox border white line

screenshot of my website which having a problem on the border part

，你可以在頭部分看，它已設置使用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; 
}

和餡餅的事情出現了以IE顯示，繼承人它http://css3pie.com/

謝謝，即時通信開放的任何想法，建議和意見的鏈接。

來源

2013-07-10 Juliver Galleto

這是無效的：

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

此外，它工作正常，我在Firefox：fiddle

下應該在Firefox中被應用，以及：

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

來源

2013-07-10 03:52:11 loxxy

語法Firefox無效。你的代碼更改爲：

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

來源

2013-07-10 03:54:44

我改變了語法，但還是一樣 –

'-moz-邊框右下角，radius'＆'-moz-border-左下角半徑「也無效......請嘗試應用它們並查看。 – loxxy

@loxxy在Firefox中？ –

border-bottom-right-radius 

border-bottom-top-radius 

border-bottom-bottom-radius 

border-bottom-left-radius

嘗試使用這些

來源

2013-07-10 04:11:17

firefox border white line

回答

相關問題