IEPNGFix и Google Maps

Как подружить IEPNGFix и Google Maps

Помогая по работе одному (одной) дизайнеру, я столкнулся с проблемой: страница с Google Maps отображалась нормально в нормальных (извиняюсь за каламбур) браузерах, но выглядела очень плохо в IE6 (в том плане, что вместо карты отображался серый фон и все элементы управления исчезли). К сожалению, объявлять IE6 мёртвым пока еще рано, чтобы просто проигнорировать этот баг.

Путем недолгих экспериментов было установлено, что виной всему IEPNGFix. Если полезть разбираться в код Google Maps (удачи!), то будет видно, что Google Maps реализует свой метод для борьбы с непониманием прозрачности PNG в IE6. Так получается, что метод Google конфликтует с IEPNGFix.

Конечно, самый простой метод — это убрать IEPNGFix и заменить PNG-файлы GIF-файлами. Но, во-первых, это не всегда возможно, а во-вторых, просто не наш метод. К счастью, решение лежит на поверхности и является довольно простым.

Предположим, что карта Google отображается в <div id="map">. Тогда для исправления последствий использования IEPNGFix нам нужно добавить следующую строку в CSS:

Вот и всё!

Автор: Vladimir; опубликовано в: Всё подряд; метки: Google Maps, IE6, iepngfix