IE9 둥근 모서리와 투명한 배경 문제

많이 검색했지만 정말 이에 대한 답변을 찾을 수 없습니다.IE9 둥근 모서리와 투명한 배경 문제

저는 배경으로 img를 사용하는 요소 (이미지는 둥근 모서리가 좋지만 뒤는 검은 색 배경입니다)를 제외하고는 모든 곳에 둥근 테두리가 있습니다. 문제를 쉽게 이해

영상 : 난 정말이 붙어있어

http://i42.tinypic.com/2rpra8n.png

. 어떤 제안이라도 IE 문제입니까 아니면 뭔가 빠졌습니까?

이

#header { 
    background-image: url("images/bg-header.png"); 
    background-repeat: repeat-x; 
    border-radius: 4px 4px 0 0; 
    color: #FFFFFF; 
    font-size: 13px; 
    font-weight: bold; 
    height: 46px; 
    line-height: 46px; 
    padding: 0 0 0 15px; 
    text-shadow: 0 -1px 0 #332829; 
    width: 575px; 
}

뿐인 :

http://jsfiddle.net/2BnDR/2/

출처

2012-04-22 ProDraz

문제를 재현하는 jsFiddle 데모를 만들 수 있습니까? – kapa

너무 그것을 시도 할 것입니다 ... – ProDraz

@ bažmegakapa http://jsfiddle.net/2BnDR/2/ --- IE9가 아니기 때문에 복제 할 수 없기 때문에 ... – ProDraz

내가 IE9는 이상한 검은 배경을한다는 것을 냈어요 회색 헤더의

CSS는이 같은 것입니다 arround 요소와 버그는 위의 인쇄 화면에서 볼 수 있습니다. 같은 요소에 상자 그림자 또는 텍스트 그림자 + 필터가있는 경우

CSS에서 모든 필터를 삭제했으며 매력적으로 작동합니다.

예 :

.header { 
    filter: dropshadow(color=#3e3132, offx=0, offy=-1); /* delete this one and it works */ 
    text-shadow: 0px -1px 0px #3e3132; 
}

출처

2012-04-24 12:45:17 ProDraz

+1이 문제에 직면하여 답변에 원인을 발견했습니다. –

어쩌면이 시도 :

#DivThatImageIsIn img{ 
    border-radius: same as div; 
}

출처

2012-04-22 15:09:03

헤더의 CSS를 게시했습니다 ... 도움이 되었습니까? – ProDraz

어쨌든 당신이 어디서 일하는지 나와 링크 할 수 있습니까? –

http://jsfiddle.net/2BnDR/2/ --- IE9가 아니기 때문에 복제 할 수 없기 때문에 ... – ProDraz

IE9 둥근 모서리와 투명한 배경 문제

답변

관련 문제