2010-12-10 3 views
1

В контейнере с закругленным углом я хочу, чтобы первый div был другого цвета фона из других div. Проблема в том, что фон первого div перекрывает закругленный угол. Я сделал тест, чтобы показать проблему: http://www.webdevout.net/test?025 Проблема возникает в Chrome и FF.CSS3 border-radius background overlap

ответ

1

Похоже, вам нужно дать вашему внутренней Диво box-header-bug в верхних левой и верхних -предельный радиус границы:

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

добавить следующие строки в класс коробчатого заголовка-черепашки

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

UPDATE:

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

Использование `inherit` в этом случае также приведет к радиусам нижней границы, которые, как я полагаю, нежелательны. – matthewpavkov 2010-12-10 04:19:14

+0

Ну, идея состоит в том, чтобы наследовать от контейнера, поэтому нам не нужно передавать значения. Тем не менее, я обновил код, чтобы он отражал ваши проблемы. – 2010-12-10 04:44:51