2009-08-24 8 views
0

둥근 모서리가있는 그래픽에 이상한 문제가 있습니다.투명한 배경에 투명 이미지가있는 문제

몸체가 투명 (스타일 = "필터 : 알파 (불투명도 = 100); 불투명도 : 100; 배경색 : 투명;)으로 설정된 HTML 페이지가 있고이 본문 내에 PNG가있는 div가 있습니다. 가장자리에 투명도가있는 둥근 모서리가있는 이미지로 배경과 올바르게 전환됩니다.

이 HTML 페이지는 다른 HTML 페이지의 맨 위에있는 iFrame에 포함되어 있으므로 iFrame에 포함 된 투명 이미지를 통해 보이게하므로 반올림 된 이미지가 백그라운드 (이미지)로 올바르게 전환되도록합니다. iFrame을 호출하는 페이지 (따라서 iFrame의 본문에는 투명 배경이 있음).

둥근 모서리의 투명도를 제외하고 실제로는 정상적으로 작동합니다. 웬일인지 둥근 모서리 주위에 검은 색 무광택을 칠한 것처럼 매우 미세하지만 눈에 띄지 않는 검은 색 가장자리가 있습니다.

투명 GIF로 시도했지만 흰색 대신에 톱니가 있습니다.

이전에 이런 식으로 시도한 사람이 있습니까? 그렇다면, 어떻게 듣고 싶습니다. 잎과 image 이미지가 호출 HTML의 배경 이미지 (플래시)입니다 :

편집 다음은 결과에 대한 링크입니다. 검색 상자에는 투명 배경이있는 iFrame이 포함되어 있습니다.

IE7에서 발생합니다. 파이어 폭스는 이상하게 보인다.

+0

http://www.domedia.org/oveklykken/css-transparency.php 당신이 우리에게 그림 (에 대한 링크)를 줄 수, 출력이 웹 사이트를 확인? 또한 브라우저간에 일관성이 있습니까? – balpha

+0

어떤 브라우저를 사용합니까? IE6는 png를 처리 할 수 ​​없습니다. – stefita

+0

@stefita, IE6 *는 도움이 될 수 있습니다. 아래 내 대답을 참조하십시오. – Sampson

답변

1

body 태그의 투명도를 100으로 설정했습니다. 투명하지 않음을 의미합니다. 완전히 투명하기 때문에 0으로 설정해야합니다.하지만 이렇게하면 몸에 포함 된 모든 요소가 생성됩니다 태그도 투명하게 표시됩니다.

나는 비슷한 일이 일어나고 있다고 생각합니다. 검색 상자는 사용자가 설정 한 불투명도 특성을 상속합니다.

불투명도 설정을 제거하면 어떻게됩니까?

또한

+0

그래, 고마워, 내 실수, 그 값은 분명히 필요하지 않습니다! 제거하면 같은 결과가 발생합니다. 해당 링크를 제공해 주셔서 감사합니다. 그러나 rgba가 효과가있는 것 같지 않습니다. –

관련 문제