0

このページがあります。スーパーフィッシュ メニューは Google Earth プラグインではなく、下に表示されます。この問題は IE8 と Google Chrome で発生しています。何か案は?次のコードを実行するには、localhost (Google Earth API キーで登録されたドメイン) で実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <link type="text/css" rel="Stylesheet" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAFoBwRF7WovCjsFJemYop1hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTpGk76aE2Yul2N6gAS9CZLeDBtuA"></script>
    <script>

    $(document).ready(function() { 
        $('ul.sf-menu').superfish();
    });

    var ge;

    google.load("earth", "1");

    function init() {
        google.earth.createInstance('map3d', initCallback, failureCallback);
    }

    function initCallback(instance) {
      ge = instance;
      ge.getWindow().setVisibility(true);
    }

    function failureCallback(errorCode) {
    }

    </script>
    </head>
    <body onload="init()">
    <ul id="sample-menu-1" class="sf-menu">
                    <li class="current">
                        <a href="#a">menu item</a>
                        <ul>
                            <li>
                                <a href="#aa">menu item</a>
                            </li>
                            <li class="current">
                                <a href="#ab">menu item</a>
                            </li>
                        </ul>
                     </li>
    </ul>                    
    <div id="map3d" style="width: 500px; height: 380px;"></div>

</body>
</html>
4

1 に答える 1

0

Google-Earth-Plugin ウィンドウの上に任意の HTML コンテンツの z-index レイヤーを適用することはできません。ここには、その機能に対する長年の機能要求があります。

そのリクエストへのコメントには、IFRAME shim を含む回避策とデモが投稿されていますが、それは iframe のボックス化されたコンテンツに対してのみ機能します。プラグインがブラウザー内でどのように機能するかについての詳細が低レベルであるため、特にすべてのブラウザーで、プラグイン ウィンドウ上で任意のコンテンツの z-index レイヤー化がすぐに可能になる可能性は低いと思います。

于 2011-07-29T17:49:22.887 に答える