Question

通常它可以用“wmode transparent”参数解决，但是在firefox中我有一个奇怪的问题。当我用一部分div覆盖flash元素时 div呈现奇怪（就像flash元素边界的楼梯）

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

灰色区域（以及上面的小透明区域）是flash元素。大纲是带边框的div。

错误只发生在FF（我有3.6）chrome / safari工作正常......

CODE：

它是一个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

好的，调试很复杂，但我找到了答案：

我有以下代码：

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

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

    #page {
        width: 700px;
    }

问题是页面div。如果我将宽度更改为800px它工作正常。如果宽度低于闪光包装的宽度，我会得到楼梯效果。

结果

：父div不能小于object标签。（通常它不应该是）。 “溢出：隐藏;”没有解决问题。

Answer 2

我遇到了这个问题，Flash在我的飞出菜单前面。我尝试了两种不同的元素z-index重新排序技术，它们只适用于IE10。

今天早上，我尝试了适用于所有IE版本的内容，最低可达7个。

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

覆盖部分div over flash

2 个答案: