All geek questions in one place

Firefox flash wmode direct transparency background z-index

I have this problem with Firefox 28 and 29 on Windows only (work with OSX for Chrome, Safari, Firefox and Windows for IE and Chrome)

I have a html modal block with transparent background and swf object. The background remains behind the flash subject, but the modal content is right in front of everything. If I set my background opacity to 1, it will work fine.

I use wmode = 'direct' and I cannot change it due to the 3d library which must have wmode for 'direct'

This is what the code looks like:

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

Any ideas on this?

Thank you for your time,

Joris

+4
1

HTML-overlay Flash-, wmode direct, window gpu . Flash wmode HTML wmode.

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.

0

Source: https://habr.com/ru/post/1538721/

More articles:


All Articles