Question

我在Firefox 28＆amp ;; 29 <仅限Windows （适用于Chrome，Safari，Firefox和适用于IE和Chrome的Windows上的OSX）

我有一个带有透明背景的html模式框和一个swf对象。背景停留在flash对象后面，但模态内容正确地位于所有内容之前。如果我将背景不透明度设置为1，它就可以正常工作。

我正在使用 wmode =＆＃39;直接＆＃39;我不能改变它因为3d库需要让wmode指向＆＃39;

这基本上是代码的样子：

<body>
    <object type="application/x-shockwave-flash" id="Main" name="Main" align="middle" bgcolor="#fff" data="main.swf" width="100%" height="100%" style="z-index:100;">
        <param name="quality" value="high">
        <param name="bgcolor" value="#fff">
        <param name="wmode" value="direct">
        <param name="flashvars" value="myVars">
    </object>
    <div class="fancybox-overlay fancybox-overlay-fixed" style="background: rgba(0, 0, 0, 0.8);z-index:150;">
        <div class="fancybox-wrap fancybox-desktop fancybox-type-ajax fancybox-opened" style="z-index:160;">
            <div class="fancybox-skin">
                <div class="fancybox-outer">
                    <div class="fancybox-inner" >
                        My Modal Box Content
                    </div>
                </div>
                <a title="Close" class="fancybox-item fancybox-close"></a>
            </div>
        </div>
    </div>
</body>

关于这个的任何想法？

感谢您的时间，

里斯

Answer 1

如果wmode设置为direct，window或gpu，则无法在Flash对象上使用HTML覆盖。对于这些wmode，Flash不支持大多数浏览器中的HTML分层。

查看表https://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Browser_support_for_Window_Mode__wmode__values

L =支持HTML分层。 HTML元素可以与SWF内容重叠。支持显式控制与其他HTML元素相关的分层。

firefox flash wmode直接z-index透明背景

1 个答案: