CSS角落半徑顯示背景顏色？

Question

CSS邊框半徑工作正常，但它現在顯示白色背景。 （我寧願透明或灰色，類似人體的背景...）

CSS：

.window_header{ 
    width:600px; 
    height:42px; 
    background: #333 url("../img/bg-2.png") repeat; 
    -webkit-border-top-left-radius: 8px; 
    -webkit-border-top-right-radius: 8px; 
    border-bottom:1px dotted #666; 
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3),inset 0 -4px 5px rgba(0, 0, 0, 0.2),inset 1px 0px 1px rgba(0, 0, 0, 0.7),inset -1px 0px 1px rgba(0, 0, 0, 0.7),inset 0 -2px 1px rgba(0, 0, 0, 0.5),inset 0 2px 6px rgba(255, 255, 255, 0.15),inset -2px 0 6px rgba(255, 255, 255, 0.15),inset 2px 0 6px rgba(255, 255, 255, 0.15); 
} 

Answer 1

白色應該從容器「後面」的一個背景你將邊界半徑應用於。 也許試着對它應用邊界半徑。

Answer 2

也許bg-2文件在該區域不透明？根據您用來創建圖像的編輯器，它可能沒有能力使其透明。

Max Gherkins的解釋也是一個很大的可能性。 :)

Answer 3

我會建議將邊界半徑應用到底層元素，所以不是有粗糙的白色邊緣，元素會有圓角。所以你不會看到白色的邊緣。

- 或 -

將包含的元素，因此坐在白色背景上，並從那裏走之前整個元素編輯。

Answer 4

background：＃333 url（「../ img/bg-2.png」）repeat;

您的背景圖片不透明。如果它是「扁平PNG」，請確保背景是「透明」而不是「白色」。