выпадающее меню Superfish над плагином Google Earth - PullRequest
Новая
       13

выпадающее меню Superfish над плагином Google Earth

0 голосов
/ 12 июля 2011

У меня есть эта страница, меню суперфиш отображается не над плагином Google Планета Земля, а под ним!Эта проблема происходит в IE8 и Google Chrome.Есть идеи?Чтобы запустить следующий код, запустите его под localhost (домен, зарегистрированный с помощью ключа API Google Планета Земля) 

<!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>

1 Ответ

0 голосов
/ 29 июля 2011

Невозможно применить наложение z-index произвольного содержимого HTML поверх окна Google-Earth-Plugin. Для этой функции существует давний запрос на добавление:

В комментариях к этому запросу опубликованы обходные пути и демонстрации с использованием вставки IFRAME, но это работает только для содержимого iframe в штучной упаковке. Из-за низкоуровневых деталей о том, как плагины работают в браузерах, я думаю, что вряд ли z-index наложение произвольного контента на окно плагинов будет возможно в ближайшее время, особенно во всех браузерах.

...