WordPress.org

Support

Support » Plugins and Hacks » Advanced iFrame » [Resolved] The sub menu under the iframe with Firefox and IE

[Resolved] The sub menu under the iframe with Firefox and IE

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author mdempfle

    @mdempfle

    Have you tried to give the iframe a z-index?
    And what is in the iframe? videos? flash?
    Because then maybe the wmode=transparent parameter can help.

    Best, Michael

    Hi Michael,

    Thank you for your answer.

    Yes, I tried a z-index for the menu and the iframe, with the same result, it work fine with Chrome and not with Firefox and IE:
    (I’m using the theme Twenty Twelve with a child theme)

    .main-navigation {
    position: relative;
    z-index: 500;

    I tried your Plugin because I can give a Class name to the iframe, in my case “pluto”
    .pluto {
    position: relative;
    z-index: 0;
    }

    In the iframe I have a Articulate Storyline presentation (I have the same problem with the plugin for Articulate).

    I tried a flash presentation with the same problem.

    Thnank, regards.

    Plugin Author mdempfle

    @mdempfle

    Maybe this helps:
    http://zedomax.com/blog/tech/css-hack-how-to-display-css-dropdown-menus-over-iframes/

    They add the z-index to the ul li elements…

    Thank you Michael,

    I tried but it doesn’t work.

    Regards,

    Plugin Author mdempfle

    @mdempfle

    Do you have an url?

    Here is my testing site: http://tecnobiz.com.ar/Web2013/
    Under “Necesidades” (were the iframe is)there is a drop down menu. Please compare “Inicio” with “Necesidades”.

    Thank you, regards.

    Plugin Author mdempfle

    @mdempfle

    Have you set
    wmode=transparent?

    in your settings it seems to be
    wmode=window

    I think is in “transparent”.
    Please see: http://tecnobiz.com.ar/ftp/Transparency.JPG

    Thank you, regards.

    Plugin Author mdempfle

    @mdempfle

    not there. at the object tag where you include the flash.

    Best, Michael

    I added it but nothing changed:
    [advanced_iframe securitykey=”b8fb79f546e021779e10e0aac5cb6865599b7319″ src=”http://tecnobiz.com.ar/Web2013/wp-content/uploads/articulate_uploads/Impacto_y_necesidades/story.html” wmode=”transparent” width=”100%” height=”580″]

    Thank you, regards.

    Plugin Author mdempfle

    @mdempfle

    not in the iframe.

    here:
    <object width=”100%” height=”100%” align=”middle” id=”player” codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″><param value=”show all” name=”scale”><param value=”story.swf” name=”movie”><param value=”best” name=”quality”><param value=”player” name=”name”><param value=”true” name=”allowFullScreen”><param value=”#FFFFFF” name=”bgcolor”><param value=”vHtmlContainer=true&TinCan=false&vLMSPresent=false&vAOSupport=false” name=”flashvars”><param value=”transparent” name=”wmode”><param value=”always” name=”AllowScriptAccess”><embed width=”100%” height=”100%” align=”middle” allowscriptaccess=”always” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” swliveconnect=”true” bgcolor=”#FFFFFF” quality=”best” scale=”show all” flashvars=”vHtmlContainer=true&TinCan=false&vLMSPresent=false&vAOSupport=false” src=”story.swf” wmode=”transparent” allowfullscreen=”true” name=”player” id=”eplayer” tabindex=”0″></object>

    The iframe itself is fine. I added some text before where the menu shows o.k. over the iframe.

    Hi Michael,

    I found out who is causing the problem! I added the following in my Child Theme, in order to make transparent the drop down menus:

    .main-navigation li {
    opacity: 0.90; /* da transparencia */
    }

    Without this, the problem disappears (as you can see). Now I have to find a way to make the submenus transparent avoiding this problem.

    Ouch! Not in IE. Now is Ok in Firefox and Chrome.

    Thank you for your help, regards.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] The sub menu under the iframe with Firefox and IE’ is closed to new replies.
Skip to toolbar