CSS 배경 위치 지정을 허용하는 IE6용 JavaScript PNG 수정 사항이 있습니까?

Question

Internet Explorer 6에서 PNG 이미지의 투명도를 허용하는 몇 가지 수정 사항을 보았지만 CSS에서 배경 위치를 설정할 수도 있는 수정 사항은 아직 찾지 못했습니다.스프라이트를 사용하면 거래가 중단됩니다.나는 투명 이미지를 전혀 사용하지 않거나 IE6에 완전히 다른 스타일시트를 제공하는 GIF(품질이 좋지 않음)를 사용했습니다.PNG 투명도와 배경 위치 지정을 허용하는 IE6용 수정 사항이 있습니까?

Answer 1

예.인덱스 팔레트(png256)를 사용하도록 이미지를 변환하세요.투명도(gif와 마찬가지로)를 지원할 수 있지만 알파 채널은 지원할 수 없습니다.

다음을 사용하여 이 작업을 수행할 수 있습니다. 이르판뷰 그리고 pngout 플러그인, pngQuant 또는 pngnq.

YUI 퍼포먼스팀도 훌륭한 프레젠테이션 여기에는 다른 많은 이미지 최적화 개념이 포함됩니다.

Answer 2

이것 지난 한 달 정도에 등장한 새로운 기술입니다.페이지에서:

이 스크립트에서는 공백 GIF가 있거나 없는 이미지 태그가 지원되며, 배경 이미지 PNG는 포함된 콘텐츠 요소보다 작더라도 위치를 지정하고 반복할 수 있습니다.

Answer 3

배경이 정적일 때 사용합니다. TweakPNG PNG의 배경색 청크를 올바른 색상(기본 회색 대신)으로 변경합니다.알파 채널이 이를 무시하기 때문에 모든 일반 브라우저는 이를 무시하지만 IE6 이하에서는 알파 채널 대신 해당 색상을 사용합니다.

이는 IE7+에서는 투명성을 가지지만 IE6 이하에서는 성능이 저하된다는 것을 의미합니다.그리고 모든 CSS 위치 지정 및 반복이 가능합니다(해킹이 없기 때문입니다!).

Answer 4

DD_뒤늦게PNG.js 아주 잘 작동합니다

Answer 5

실제로 순수 CSS를 사용하면 IE6의 알파 필터와 CSS를 활용하여 IE6에서 알파 투명도가 있는 위치 지정 배경 이미지를 얻을 수 있습니다. clip 재산.줄리앙 르콩트 그의 블로그에 기술이 설명되어 있습니다..

이 기술을 사용하면 알파 필터를 사용할 때마다 성능 저하가 발생합니다.

Answer 6

IE PNG 수정 v2.0 전체 알파+를 지원합니다.position/repeat.