BootStrap を使用して次のページを設計し、ページへのスクリプトとして Google Earth プラグインを設計しました。
http://www.northeastern.edu/sds/web/demos/coldextremes.shtml
Chrome バージョン 27.0.1453.110 m. Firefox と IE10 では正常に動作しています。
ご協力ありがとうございました
1 に答える
2
<iframe>シムを使用する必要があります。これは、<iframe>ドロップダウン メニューに合わせて配置およびサイズ設定されます。これが、すべてのブラウザーで Earth プラグインの上に他のコンテンツをオーバーレイする唯一の信頼できる方法だと思います。
使用しているメニュー システムには、shim を使用するオプションがありますか? そうでない場合は、自分で追加する必要があります。Brandon Aaron のbgiframe pluginから始めるのが良いでしょう。
また、丸みを帯びた角とドロップ シャドウを取り除く必要があります。これらは、Earth プラグインの上では機能しません。Firefox では、メニューは機能しますが、右下と下のエッジが鋭く、角がピクセル化されていることに気付いたでしょう。シムについても同じ問題があります。これは純粋に長方形です。幸いなことに、最近はフラットなデザインが流行っているので、このメニューでそれを使用してください: 角が直角で、ドロップ シャドウはありません。
または、状況を巧みに処理することもできます...
少なくとも別のアプローチを検討することをお勧めします。Earth プラグインによって課される制限を受け入れ、受け入れます。プラグインは本当に独自のスペースが必要なので、それに与えてください。その上に独自のコンテンツを重ねようとしないでください。代わりに、その横に「メニュー」を置きます。これは、アコーディオン スタイルのリスト、またはある種のツリーである可能性があります。また、Earth プラグインの横にある独自のパネルにナビゲーションを配置する方法はいくつもあります。これにより、バックグラウンド iframe とブラウザーの互換性に関するすべての問題が回避されます。
出典: 私は教育市場向けの大規模な Earth プラグイン ベースの製品に取り組んでいましたが、プラグインの上にさまざまな種類のメニューや同様の素材をオーバーレイしたいという結果として生じた問題に対処するために文字通り数か月を費やしました.
于 2013-06-19T20:36:47.970 に答える