2011-07-12 31 views
0

我有這個頁面,超級菜單沒有顯示谷歌地球插件,但在! 這個問題發生在IE8和谷歌瀏覽器中。 任何想法? 要運行下面的代碼來看,它在本地主機(即與谷歌地球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> 

回答

0

不可能對Google-之上應用的任意HTML內容的z-index分層地球插件窗口。目前該功能的長期功能要求在這裏:

  • ​​

在評論這一要求有變通方法,並演示張貼涉及一個IFRAME墊片,但僅適用於iframe的盒裝內容。由於插件在瀏覽器中工作的低級細節,我認爲不太可能在任何時候在插件窗口上對任意內容進行Z-index分層,特別是在所有瀏覽器中。