Submenu over Youtube fix breaks IE

  • Resolved corienb

    (@corienb)


    13 years, 11 months ago

    all menu and submenu items have a high z-index:
    content has z index of 0, nothing else has a z index.

    FF: Submenu over Youtube
    Chrome: submenu under YouTube
    IE: submenu under YouTube

    After putting

    <!-- add opaque to all embedded flash -->
<?php function add_transparent($oembvideo) {
$patterns = array();
$replacements = array();
$patterns[] = '/<\/param><embed/';
$patterns[] = '/allowscriptaccess="always"/';
$replacements[] = '</param><param name="wmode" value="transparent"></param><embed';
$replacements[] = 'wmode="transparent" allowscriptaccess="always"';
return preg_replace($patterns, $replacements, $oembvideo);
return $oembvideo;
}
add_filter('embed_oembed_html', 'add_transparent'); ?>

    in functions.php

    FF: submenu over YouTube, perfect
    Chrome: submenu over YouTube, perfect
    IE : Throws a major hissy-fit and refuses to show the submenu at all.

    https://www.teamgjaltema.eu/

Viewing 2 replies - 1 through 2 (of 2 total)

  • You might be better off using jQuery to temporarily replace the video with an empty div whenever the dropdown menu appears. Getting Flash to properly recognize z-index is an extreme hassle that can have major side effects (for instance; apparently the wmode fix shown requires a lot more CPU power to render the video than normal).

    Thread Starter corienb

    (@corienb)

    Thank you!
    I installed Page Order and moved things around so that the drop down didn’t clash with the menu. That kinda works too..

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Submenu over Youtube fix breaks IE’ is closed to new replies.