ページにGoogleマップが含まれている場合、IE7でCSS/JSドロップダウンを修正する最も良い方法


3

<ul>リストを使用してページをナビゲートしています(Javascriptでは、スタイリングを表示するかどうかをマウスオーバーで変更します)。

これは私にとってはうまくいきますを除いて、私はIE6でを、ページにはGoogleマップを持っています。

この場合、ドロップダウンは単純に機能しません。しかし、このページはFireFox 2で動作し続けています。

これはIE Select Box Bugの例かもしれませんが、Googleマップが表示されているようですではなく<div>を使用してください。

誰かにこれに類似した問題が発生しましたか?その場合、この問題を克服する最良の方法についての推奨事項はありますか?

2

これで問題が解決するかどうかわかりませんが、ドロップダウンリストの下に表示されるメニューの問題を修正するthis solution at ccsplay.co.ukを試してみてください。私はそれが確実に機能するかどうかわからないが、それはショットの価値がある。


0

私はあなたにすぐ答えはありませんが、this answer(特にIE DOM Inspector)に記載されているツールが役に立ちます。


2

私は、ドロップダウンは、このjQueryを使用してIE6/IE7/IE8でFlashムービーの上に表示されないで同様の問題を修正:

primary-navは、ドロップダウンコンテナ要素のIDで、footerがある
$(function() { 
    $("#primary-nav").appendTo("#footer"); 
}); 

ページ上の最後の要素のID。私はその後、ドロップダウンを彼らが所属するトップに戻すために絶対的な配置を使用しました。

IEがz-indexよりも多くのソースを注文していることが原因です。しかし、それでもWindows Media Playerプラグインの上に表示することはできませんでした。


2

私はActive-XのことがIE 6+がCSSを解析するために使用するために起こると思います。

私はいくつかのブラウザと互換性を持たせるために、IEのハックをCSSに含めるために自分の仕事に順応する必要がありました。

私は最初に、純粋なCSSを使用し、私が言及したハックを含めて、Javascriptなしでメニューを作ろうとします。あなたの問題を解決する可能性があります。マウスオーバー時にスタイルを変更するには、Javascriptは実際には必要ありません。あなたはCSSのハッキングが何であるかをチェックアウトしたい場合は

:あなたには、いくつかの純粋なCSSメニューの例をチェックアウトしたい場合はhere

をクリックします。このことができますhere

希望をクリックしてください!


2

this google maps threadによると、あなたは正しいです - 私はIFrameがGoogleコードによって挿入されています。

あなたはInternet Explorer HACK/Fix For Select Box Showing through DIVを参照してください、代わりにドロップダウンリスト

の下に表示されるメニューの問題を修正したthis solution at ccsplay.co.ukを試してみたいことがあり

、ダンが言及したソリューションを使用する必要があります。

解決策は、JavaScriptを使用して、IE6のIFrameにCSSメニューを配置することです。

代わりに、CSSメニューをプルダウンしたときにJavaScriptを使用してGoogleマップを非表示にしたり、CSSメニューをプルダウンしたときにGoogleマップを静的マップ(おそらくGoogleの静的マップ)に置き換える方法があります。