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

화이트는 하나 "뒤에"컨테이너의 배경을해야한다 테두리 반경을 적용했습니다. border-radius를 적용하려고 시도했을 수도 있습니다.

Answer 2

아마도 해당 영역에서 bg-2 파일이 투명하지 않습니까? 이미지를 만드는 데 사용한 편집기에 따라 이미지를 투명하게 만들 수있는 기능이 없을 수도 있습니다.

최대 Gherkins의 설명도 매우 큰 가능성이 있습니다. :)

Answer 3

흰색 테두리가 거친 대신 테두리 반경을 기본 요소에 적용하여 요소를 둥글게 처리하는 것이 좋습니다. 그래서 당신은 하얀 가장자리를 보지 않을 것입니다.

- 또는

장소는 흰색 배경 위에 앉아 있고, 여기에서 다른 곳으로 이동할 수 있도록 포함하는 요소 전에 모든 요소 편집.

Answer 4

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

배경 이미지가 투명하지 않습니다. "병합 된 PNG"인 경우 배경이 "흰색"이 아닌 "투명"인지 확인하십시오.