Wie funktioniert eine Google Maps semi-transparente PNG-Kachelebene in IE8?

Question

habe ich versucht, die folgenden

new GTileLayer(null, _minZoom, _maxZoom, { isPng: true, opacity: 0.6 }); 

Aber in IE8, während die Alpha Opazität arbeitet, hatte die Pixel in der PNG, die bereits Transluzenz sie eine graue Farbe und Standard Opazität zeigen.

Ich habe auch festgestellt, dass PNG-Dateien, die Alpha-Transparenz enthalten und ihre Transparenz wird nicht von HTML-Stil-Einstellungen geändert Verhalten in IE8, tritt das Problem nur auf, wenn sowohl PNG Alpha-Transparenz und HTML Alpha Transparenz auf das gleiche Bild angewendet werden.

Answer 1

Es ist definitiv ein bekannter Fehler - siehe here, here und here. Nur um ein paar Links zu werfen:

This blog bietet eine Problemumgehung mit einem IE-spezifische Technik.

This blog hat eine längere Erklärung für die Problemumgehung.

Und dann gibt es this adressiert einen wahrscheinlich anderen Bug in einer frühen Version von IE8. Er hat es gelöst, indem er das Bild vergrößert hat - vielleicht einen Versuch wert, wenn Sie mit einem 1x1 Bild arbeiten.

Vielleicht können Sie dies umgehen, indem Sie verschiedene PNGs mit unterschiedlichen Opazitäten verwenden und keine CSS-Deckkraft?