2010年11月7日 Category: Webdesign Tag: IE, トラブル
Google Maps API version2 を使ってGooglemapの表示をするようにしたのですが、
IE6でだけ地図が灰色になってしまって表示ができませんでした。
以前も同じ所でつまづいたのでメモです。
DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。
<!--[if IE 6]>
<script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('img, .png_bg');
</script>
<![endif]-->
上記の様にimg要素全体に指定しているとダメなようです。
<script>
DD_belatedPNG.fix('#header img,#map img ,#footer img );
</script>
マップのページだけDD_belatedPNG.jsを効かせたい場所を↑のように面倒ですが個別に指定したら、Googlemapが表示されるようになりました。
あとは、internetExplorerが地図の画像を表示する位置を計算する際に間違えるのが原因の事があるようです。
”Google Maps 活用講座”さんの「Google Mapsの地図を表示したときに、Internet Explorerのときのみ地図の一部が灰色に表示されてしまう。」こちらに詳しく乗っています。












Trackback url:http://memocarilog.info/webdesign/1105/trackback