저는 수년 동안 CSS를 해왔지만 이전 버전의 브라우저에서는 지원이 부족하기 때문에 항상 투명한 이미지 나 배경에서 벗어나려고 노력했습니다. 지금은 둥근 테두리를 만들어야하고 CSS3에서이 작업을 수행 할 수 있다는 것을 알고 있지만 .png 이미지를 사용할 수도 있습니다. ie6에서도 지원되지 않습니다 - 때때로 작동하는 ie6 용 .png 픽스가 있다는 점을 제외하면 - 그래서 최선의 접근 방식이 궁금합니다.웹 사이트에 투명한 이미지를 표시하는 가장 좋은 방법은 무엇입니까?
내 시청자의 25 %가 ie6 (대부분 중동 국가 출신)을 사용하므로 ie6이 존재하지 않는다고 생각하면 좋겠다.
대부분의 (전부는 아닐지라도) .png 수정이 반복 또는 배치 된 배경에서 작동하지 않으므로 단일 이미지를 배경으로 사용해야 할 것입니다. 정적 배경 이미지가 콘텐츠에 맞게 확장되지 않기 때문에 사이트의 콘텐츠가이 영역에서 더 긴 복사본 블록을 갖도록 변경된 경우 이러한 배경 이미지를 다시 만들어야합니다.
.png를 사용하는 것이 시각 장애인을위한 접근성면에서 최상의 선택이 아니라는 사실을 고려하십시오.
화면에서 텍스트를 읽는 데 글꼴 크기를 늘려야하는 사용자의 경우 텍스트가 .png 배경이 아닌 컨테이너 외부로 실행되어 읽을 수 없게 될 수도 있습니다.
가장 좋은 방법은 css3을 사용하여 컨테이너 스타일을 지정하고 IE 사용자의 경우 사각형 모서리로 되돌릴 수 있습니다.
필요한 경우 둥근 모서리 만 있으면 CSS3 border-radius을 사용하고 IE6 지원을 위해 PIE.htc을 입력하십시오. 아마도 가장 쉽고 간단한 방법 일 것입니다.
그냥 PNG 수정을 사용하십시오. "때로는"작동 할뿐만 아니라 대부분의 경우에 작동합니다. – BoltClock
이미지 배경을 페이지 배경과 일치시킬 수있는 방법이 있습니까? PNG로 수정하지 못하면 최선의 선택입니다. – FFSS