Угол поворота CSS показывает цвет фона?

Граница границы CSS работает отлично, но теперь она отображается на белом фоне. (Я предпочитаю прозрачный или серый, похожий на фоне тела ...)Угол поворота CSS показывает цвет фона?

problematic rounded corners...

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); 
}

источник

2012-06-25 Ben Bernards

Пожалуйста, разместите прототип, показывающий проблему на jsfiddle.net. – pixeline

Белый должен быть от фона контейнера «за» одного вы применили border-radius to. Возможно, попробуйте применить к нему также border-radius.

источник

2012-06-25 18:34:01

Может быть, «вместо», а не «также» – Gareth

ах, вот и все! Я использовал обертку div для целей макета ... округлил ее тоже, и теперь она выглядит великолепно. Благодаря! –

Возможно, файл bg-2 не прозрачен в этой области? В зависимости от редактора, который вы использовали для создания изображения, он, возможно, не имел возможности сделать его прозрачным.

Объяснение Макса Гегеркинса также является очень большой возможностью. :)

источник

2012-06-25 18:34:44 transparent

Я проверил это, но не кубики. Похоже, мне нужно было обойти родительский макет div. Спасибо, что посмотрели! –

Я бы порекомендовал либо применить радиус границы к подстилающему элементу, чтобы вместо того, чтобы иметь грубые белые края, элемент имел бы закругленные углы. Таким образом, вы не увидите белых краев.

-или-

Поместите весь элемент редактирования перед содержащего элемент, так что сидит на вершине на белом фоне и идти оттуда.

источник

2012-06-25 18:58:58

Да, это было. Благодаря! –

@BenBernards: Отлично! Я рад, что могу помочь! –

background: # 333 url ("../ img/bg-2.png") repeat;

Ваше фоновое изображение не прозрачно. Если это «сплющенный PNG», убедитесь, что фон «прозрачный», а не «белый».

источник

2012-06-25 20:12:02 Geocrafter

Я проверил это, но не кубики. Похоже, мне нужно было обойти родительский макет div. Спасибо, что посмотрели! –

Угол поворота CSS показывает цвет фона?

ответ

Смежные вопросы