css - 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

我建议将边框半径应用于底层元素，这样元素就不会有粗糙的白色边缘，而是圆角。所以你不会看到白边。

-或者-

将整个元素编辑放在包含元素之前，使其位于白色背景的顶部并从那里开始。

Answer 3

也许 bg-2 文件在该区域不透明？根据您用于创建图像的编辑器，它可能无法使其透明。

Max Gherkins 的解释也是一个非常大的可能性。:)

Answer 4

背景：#333 url("../img/bg-2.png") 重复；

您的背景图像不透明。如果是“扁平化 PNG”，请确保背景是“透明”而不是“白色”。