Yatay çok kademeli açılan navigasyon menüsü uygulamaya çalışıyorum. Hemen aşağıda (dikey) menü, YouTube video iframe ile gömülü var. Eğer Firefox ana seviyesi üzerinde nav öğeleri dolaşıyorum, açılan menü düzgün görünüyorüstünevideo.

Chrome ve Internet Explorer 9, ancak, açılan sadece bir şerit alan küçük bölgede menü ve iframe arasında var görünür. Gerisi gibi görünüyorarkasındaiframe.

Sorun YouTube video ile ilgili gibi görünüyordeğiliframe. Test etmek için, başka bir web sitesinde iframe yerine video nişan aldım ve açılan menü güzel, hatta IE çalıştı.

• Soru 1: Güvenlik Programı.
• Soru 2: ben bile Neden, explicity z-index:-999 !important; iframe bu sorun hala devam etmiyorsa?

YouTube embed kodunu bir şekilde baskın olduğunu içeren bazı iç CSS var mı?

İki parametre var gibi görünüyor wmode eklemeyi deneyin.

&wmode=Opaque

&wmode=transparent

Neden çalıştığını, ya da çok fazla açıklama teknik bir neden bulamıyorum ama take at look at this query.

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" frameborder="0" wmode="Opaque">

ya bu

//Fix z-index youtube video embedding
$(document).ready(function (){
    $('iframe').each(function(){
        var url = $(this).attr("src");
        $(this).attr("src",url "?wmode=transparent");
    });
});