Gibt es eine JavaScript PNG Fix für IE6, die CSS Hintergrund Positionierung erlaubt?

Question

Ich habe für das Erlauben von PNG-Bildern Transparenz zu haben ein paar Korrekturen gesehen noch in Internet Explorer 6, aber ich habe einen zu finden, können Sie auch die Hintergrundposition in CSS setzen. Wenn Sie Sprites verwenden, es ist ein Deal-Breaker. Ich habe zu verwenden GIF gegriffen (die sind nicht so hohe Qualität), nicht mit transparenten Bildern überhaupt, oder ein völlig anderes Sheet IE6 dient. Gibt es eine Lösung für IE6, die für die PNG Transparenzen und Hintergrund Positionierung erlaubt?

Answer 1

Ja. Konvertieren Sie Ihre Bilder indizierte Paletten zu verwenden (png256). Sie können Transparenz (wie gif) unterstützen, aber nicht ein Alpha-Kanal.

können Sie tun dies mit Irfanview und das PNGOUT Plugin, pngquant oder große Präsentation , dass dies ein viele anderen Bildoptimierungskonzepte abdeckt.

Answer 2

Diese eine neue Technik, die im letzten Monat oder so immer wieder auftauchte. Von der Seite:

  

In diesem Skript Image-Tags werden unterstützt, sowohl mit als auch ohne Leer Spacer GIF und PNG-Dateien Hintergrundbild positioniert werden können, sowie wiederholt, auch wenn sie kleiner als das Inhaltselement in sie sind.

Answer 3

Wenn der Hintergrund statisch ich TweakPNG die Hintergrundfarbe Brocken im PNG ändern die richtige Farbe (statt der Standard-graue Farbe). Alle normalen Browser wird dies ignorieren, weil der Alpha-Kanal es überstimmt, aber IE6 und niedriger wird diese Farbe anstelle des Alpha-Kanal.

Dies bedeutet, dass wir Transparenz in IE7 +, während schön in IE6 und unteren verschlechtert. Und alle CSS-Positionierung und Wiederholung sind möglich (weil es keine Hacks sind!).

Answer 4

DD_belatedPNG.js funktioniert sehr gut

Answer 5

Sie können tatsächlich reine CSS verwenden, um positionierten Hintergrundbilder mit Alpha-Transparenz in IE6 zu erhalten durch die Nutzung von IE6 Alpha Filter und der CSS clip Eigenschaft nehmen. Julien Lecomte beschreibt die Technik auf seinem Blog .

Beachten Sie, dass diese Technik für jede Verwendung eines Alpha-Filters in einem Leistungseinbußen zur Folge hat.

Answer 6

IE PNG Fix v2.0 Unterstützung hat für die vollständige alpha + position / repeat.