CSS Menu/DIV erscheint hinter Youtube Videos

  • Servus Euch allen,

    laufe gerade aufm Zahnfleisch und bin kurz davor einen besen zu fressen. Mein Prob:

    Eine DIV-Box ist im bottom gefixed (soll auch so bleiben). Das blöde, in vielen Posts sind Youtube (u.a.Clips) eingebunden. Die DIV-Box erscheint ein jedes Mal beim scrollen hinter dem Youtube-Video.

    Ich hoffe ihr wisst was ich meine ..

    Also gesucht (und Antworten gefunden). Beispiel:

    http://www.codingforums.com/showthread.php?t=200727

    Okay. Soweit so gut (hab's noch nicht ausprobiert, da es bei X-100 Videos zuviel Arbeit ist das manuell zu machen).

    Die 100 Gummipunkte Frage: Kann ich das irgendwie mit der stylesheet hinbekommen, daß der fixed-DIV immer on-Top (im Vordergrund) ist?

    Z-index funzt nicht, und irgendwen schmeiß ich gleich aus dem Fenster, wenn das nicht klappt - ich überleg nur noch. Erst die Mouse? Oder direkt die Tastatur?

    Danke Euch schon mal für Hilfe.

    Liebe Grüße
    NML

    <?php if (have_read_this()) : while (have_read_this()) : read_it_again(); ?>

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • So. Am vergangenen Wochenende habe ich diesem Problem dann mal wieder angenommen. Google gibt lauter Tipps. Die meisten davon sind allerdings veraltet und gelten nur für die "alten" Youtube embed Codeschnipsel. Da lässt sich das ganze dann in der functions.php bei allen Videos beheben.

    Da das mit den neuen Youtube Videos sich nicht mehr so einfach machen lässt. Hier eine Alternativ Lösung. Per Javascript.

    HTML
    $(document).ready(function() {     $("iframe").each(function(){         var ifr_source = $(this).attr('src');         var wmode = "wmode=transparent";         if(ifr_source.indexOf('?') != -1) {             var getQString = ifr_source.split('?');             var oldString = getQString[1];             var newString = getQString[0];             $(this).attr('src',newString+'?'+wmode+'&'+oldString);         }         else $(this).attr('src',ifr_source+'?'+wmode);     }); });

    http://maxmorgandesign.com/fix_youtube_if…z_index_issues/

    Ich hoffe mal, daß ich hier dem einen oder anderen mithelfen konnte, der sich sonst wie ich ein paar Stunden die Haare rauft.


    LG
    NML

    <?php if (have_read_this()) : while (have_read_this()) : read_it_again(); ?>

    Einmal editiert, zuletzt von NoMansLand (20. Januar 2012 um 18:01)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!