谷歌地球插件上的超级鱼下拉菜单答案

【问题标题】：superfish drop down menu over google earth plugin谷歌地球插件上的超级鱼下拉菜单
【发布时间】：2011-07-30 01:49:22
【问题描述】：

我有这个页面，超级鱼菜单没有显示在谷歌地球插件上，而是在下面！这个问题发生在 IE8 和谷歌浏览器中。有任何想法吗？要运行以下代码，请在 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>

【问题讨论】：

标签： plugins z-index superfish google-earth-plugin

【解决方案1】：

无法在 Google-Earth-Plugin 窗口顶部应用任意 HTML 内容的 z-index 分层。此处对该功能提出了长期的功能要求：

http://code.google.com/p/earth-api-samples/issues/detail?id=9

在针对该请求的 cmets 中发布了涉及 IFRAME shim 的解决方法和演示，但这仅适用于 iframe 盒装内容。由于插件如何在浏览器中工作的低级细节，我认为在插件窗口上任意内容的 z-index 分层不太可能很快实现，尤其是在所有浏览器中。

【讨论】：