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”，请确保背景是“透明”而不是“白色”。