IE6でGooglemapsを使うときの注意点

Google Maps API version2 を使ってGooglemapの表示をするようにしたのですが、
IE6でだけ地図が灰色になってしまって表示ができませんでした。

以前も同じ所でつまづいたのでメモです。

DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。

<!--&#91;if IE 6&#93;>
<script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('img, .png_bg');
</script>
<!&#91;endif&#93;-->

上記の様にimg要素全体に指定しているとダメなようです。

<script>
DD_belatedPNG.fix('#header img,#map img ,#footer img );
</script>

マップのページだけDD_belatedPNG.jsを効かせたい場所を↑のように面倒ですが個別に指定したら、Googlemapが表示されるようになりました。

あとは、internetExplorerが地図の画像を表示する位置を計算する際に間違えるのが原因の事があるようです。

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル スライドショー コンテンツ 素材 jQueryプラグイン Facebook php 引っ越し お知らせ JavaScript CSS カテゴリー Shareボタン IE 投稿タイプ seo Photoshop HTML5 レスポンシブ サイドバー ナビゲーション タクソノミー WPセキュリティ Git カスタムメニュー Macアプリ PHPリファレンス SVG query_posts API WP使い方 iTunes データベース コメント function RSS 条件分岐 get_posts() スマートフォン Sass/Compass マルチサイト機能