Ars Longa, Vita Brevis

Апр 9, 2008

IEPNGFix и Google Maps

Рубрика: Всё подряд
Метки: , ,
Vladimir @ 3:10 дп
RSS 2.0

Как подружить 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:

[-]
View Code CSS
#map, #map * { behavior: none; }

Вот и всё!

Добавить в закладки
  • del.ici.ous
  • Digg
  • <a rel="external nofollow" href="http://www.furl