browser - 투명하게 - 투명도 영어로




PNG 투명도를 기본적으로 지원하지 않는 브라우저에서 작동시키는 방법은 무엇입니까? (8)

나는 틀릴 수도 있지만, IE6 이하에서는 PNG 파일로 투명도를 적용하지 않는다고 확신한다.

당신은 일종의, 그리고 당신은 일종의 않습니다.

IE6는 기본적으로 지원하지 않습니다.

그러나, IE는 미친 커스텀 javascript / css와 COM 객체 (원래는 XmlHttpRequest를 구현 한 방법)를 지원합니다.

이러한 모든 해킹은 기본적으로 다음과 같이 수행됩니다.

  • 모든 png 이미지 찾기
  • Directx 이미지 필터를 사용하여 이미지를로드하고 IE의 일부 형식으로 투명한 이미지를 생성합니다.
  • 이미지를 필터링 된 사본으로 대체하십시오.

우리 (사랑하는) 디자이너는 우리의 응용 프로그램에서 사용하기 위해 투명한 배경을 가진 PNG 파일을 계속 만듭니다. 나는 PNG의이 기능이 "오래된"브라우저에서도 작동하는지 확인하고 싶습니다. 가장 좋은 솔루션은 무엇입니까?

아래에서 수정

@ mabwi & @syd - PNG 사용에 대해 동의하는지 여부는 중요하지 않습니다. 이것은 해결해야 할 문제입니다!

@Tim Sullivan - IE7.js는 꽤 멋지지만 다른 모든 변경 사항을 응용 프로그램으로 소개하고 싶지는 않습니다. 전 독점적으로 PNG 문제를 해결하는 솔루션을 원합니다. 링크를 가져 주셔서 감사합니다.


나는 .pngs로 사이트를 만들려고 애 쓰고 그만한 가치가 없다. 사이트가 느려지고 100 % 작동하지 않는 해킹을 사용합니다. 여기 몇 가지 옵션에 대한 좋은 기사가 있지만, IE6을 지원할 필요가 없을 때까지 gif를 작동시키는 방법을 찾는 것이 좋습니다. 아니면 IE6의 성능을 저하 시키십시오.



모든 브라우저가 PNG-8을 지원한다고 생각합니다. 그것의 알파 블렌드는 없지만 투명 배경을 가지고 있습니다.


@ 보스

그것은 당신이 표시하려고하는 모든 파일들 (그리고 각각의 차원들)을 정확하게 아는 경우에 훌륭하고 멋쟁이입니다. CSS 파일을 유지하는 것은 고된 고통 일 수 있지만, 가능할 것이라고 생각합니다. 매우 일반적인 목적으로 투명 PNG를 사용하기 시작하려면 다음과 같이하십시오. a) 백그라운드에서 작동하는 아이콘 (아마도 크기가 다른)과 같은 부수적 인 그래픽과 b) 배경 반복. 그럼 너는 망했다. 내가 시도한 모든 문제 해결 방법은 배경이 투명 할 때 텍스트를 선택할 수없는 경우가 있고 때로는 이미지가 이상한 크기로 표시되는 등의 문제가 발생하여 장애가 발생했습니다. gif로 돌아 가야합니다.

제 조언은 PNG 투명도를 해킹하는 것이지만 동시에 완벽하지는 않다는 것을 깨닫는 것입니다. 7 년 넘은 브라우저를 사용하는 사용자를 위해 뒤로 구부리고 있습니다. 요즘 내가하는 일은 IE6 사용자에게 브라우저를 오래 사용하고 현대 웹 사이트에서 요구하는 기능을 제공하지 않는다는 것을 알리는 메시지로 사이트 방문에 대한 팝업을 제공하는 것입니다. 당신에게 최선을 다하겠습니다. 블리자드가 잘 발전하면 우리 사이트와 인터넷 전체에서 더 나은 경험을 얻을 수 있습니다.


IE6에서 PNG를 사용하는 것은 다른 어떤 브라우저보다 어렵지 않습니다. Javascript없이 CSS에서이 모든 것을 지원할 수 있습니다. 전에이 해킹을 보았습니다 ...

div.theImage {
    background  : url(smile.png) top left no-repeat;
    height      : 100px;
    width       : 100px;
}

* html div.theImage {
    background  : none;     
    progid:DXImageTransform.Microsoft.AlphaImageLoader(src="layout/smile.png", sizingMethod="scale");
}

나는 이것이 유효한 CSS인지는 잘 모르겠지만 사이트에 따라별로 중요하지 않을 수도 있습니다.

(첫 번째 이미지의 URL은 스타일 시트의 디렉토리를 기반으로하며 두 번째 파일은 볼 수있는 페이지의 디렉토리를 기반으로하므로주의해야합니다)


생각할 한 가지는 이메일 클라이언트입니다. PNG-24 투명성을 원하지만 Outlook 2003에서는 IE6을 사용하는 컴퓨터를 사용하는 경우가 있습니다. 이메일 클라이언트는 CSS 또는 JS 트릭을 허용하지 않습니다.

여기를 처리하는 좋은 방법이 있습니다. http://commadot.com/png-8-that-acts-like-png-24-with-fireworks/


Fireworks에서 PNG-8로 이미지를 내보내는 경우 gif 이미지와 동일하게 작동합니다. 그래서 그들은 엿 같은 회색으로 보이지 않을 것입니다. 투명성은 투명성이 될 것이지만 다른 브라우저가하는 24 비트의 사랑 스러움을 완전히 갖지는 못할 것입니다.

문제를 완전히 해결하지는 못했지만 적어도 부분적으로 다시 내보낼 수는 있습니다.





transparency