наложение частей div на flash

Question

обычно это можно решить с помощью параметра "wmode прозрачный", но в Firefox У меня странная проблема. когда я перекрываю элемент flash частью div div делает странным (как лестница на границе элемента flash)

http://img522.imageshack.us/i/bildschirmfoto20110111u.png/

серая область (и небольшая прозрачная область сверху) является элементом вспышки. контур является div с рамкой.

ошибка возникает только на FF (у меня 3,6) chrome / safari работает нормально ...

КОД:

это реализация swfobject. Наложение div / ul располагается после флэш-обертка.

        <div id="flash-wrapper">
            <object width="740" height="500" type="application/x-shockwave-flash"
            data="/flash/photobook.swf?1295004511635" id="photobook-wrapper" style="visibility: visible;">
            <param name="wmode" value="transparent">
            <param name="flashvars" value=""></object>
        </div>

        #flash-wrapper {
            height: 500px;
            position: relative;
            width: 740px;
        }


        <ul id="frame_options_select-menu" style="z-index: 0; top: 213px; left: 388px;">
            <li class=""><a href="#" id="ui-selectmenu-item-74">Cover: full size photo</a></li>
        </ul>

        element.style {
            left: 388px;
            top: 213px;
            z-index: 0;
                -moz-border-radius: 6px 6px 6px 6px;
                visibility: visible;
            -moz-border-radius: 0 0 0 0;
            background: none repeat scroll 0 0 #08A0D9;
            border: 1px solid #08A0D9;
            list-style: none outside none;
            margin: 0;
            overflow: auto;
            padding: 0;
            position: absolute;
            top: 0;
            visibility: hidden;
            z-index: 1005 !important;       
        }    

Answer 1

У меня была проблема с тем, что Flash появился перед моим всплывающим меню. Я попробовал два различных метода для переупорядочения z-индекса элемента, и они работали только для IE10.

Этим утром я попробовал что-то, что работало для всех версий IE, вплоть до 7.

http://willstechcafe.wordpress.com/2013/06/20/overlays-vs-flash/

Answer 2

хорошо, это было сложно для отладки, но я нашел ответ:

У меня был следующий код:

    <div id="page">
      <div id="flash-wrapper">
        flash object
      </div>
    </div>

    #flash-wrapper {
        height: 500px;
        position: relative;
        width: 740px;
    }

    #page {
        width: 700px;
    }

проблема была в странице div. если я изменю ширину на 800px, все будет работать нормально. если ширина меньше ширины flash-оболочки, я получаю эффект лестницы.

в результате: родительские элементы div не могут быть меньше тега объекта. (обычно это не должно быть в любом случае). "переполнение: скрыто;" не решает проблему.