CSS3边框半径背景重叠

Question

In a rounded-corner container I want the first div to be of another background color from the other divs. The problem I have is that the background of the first div overlaps the rounded corner. I did a test to show the problem: http://www.webdevout.net/test?025 The problem occurs in Chrome and FF.

Answer 1

add the following lines to your box-header-bug class

border-radius: inherit;
-moz-border-radius: inherit;

UPDATE:

border-top-left-radius: inherit;
border-top-right-radius: inherit;

Answer 2

看起来您需要为内部div box-header-bug赋予左上和右上的边框半径：

-moz-border-radius: 5px 5px 0 0;