Z-Index und Iframe-Problem - Dropdown-Menü

8

Hey. Ein ziemlich rätselhaftes Problem mit meinen Dropdown-Menüs und iframes.

Ich habe den Drop-down-Menüs einen Z-Index von 1000 zugewiesen, aber der iframe mit dem Youtube-Video erscheint immer noch über dem Menü. Sehen Sie selbst (siehe 'shortcodes' Menü):

Ссылка

Ich kann nicht herausfinden, warum das so ist. Kann mir jemand helfen? Hier ist das CSS, wenn es hilft:

%Vor%     
Matthew Ruddy 04.01.2011, 21:11
quelle

6 Antworten

5

Ich würde die Einbettung des Youtube-Videos mit dem <object> -Tag und nicht mit Iframe verwenden. Dann würde ich die <param name="wmode" value="transparent"> innerhalb der <object> verwenden. Etwas wie das:

%Vor%

Hier finden Sie weitere Informationen

    
Ran Geva 04.01.2011, 21:34
quelle
17

Wenn Sie weiterhin die Methode iframe zum Einbetten von Youtube-Videos verwenden möchten, können Sie den WMODE einfach über die Abfragevariable ?wmode=transparent festlegen. Hier ist ein Beispiel:

%Vor%

würde werden:

%Vor%

Denken Sie daran, die Youtube-URL für bereits vorhandene Abfragevariablen zu überprüfen. Wenn es bereits ?something... change ?wmode=transparent bis &wmode=transparent gibt und am Ende kleben.

    
Ryan 11.08.2011 06:27
quelle
1

Wenn? wmode = transparent nicht funktioniert, wechseln Sie stattdessen zu opaque. Das hat in meinem Fall funktioniert.

Beispiel:

%Vor%     
scheien 02.04.2012 10:13
quelle
0

Auf meinem Computer (Chrome unter Windows 7) ist das Plugin, das das YouTube-Video anzeigt, ein anderes natives Fenster als das Browser-Inhaltsfenster. Ich denke, wenn ein Plugin auf diese Weise läuft, wird es über alle anderen Inhalte im Browser gerendert, wobei die CSS-Z-Index-Werte ignoriert werden.

Das Silverlight-Plugin verfügt über eine Einstellung, damit es im Browser-Inhaltsfenster statt in seinem eigenen nativen Fenster ausgeführt wird. Sie können versuchen, eine ähnliche Einstellung für den eingebetteten YouTube-Player zu finden.

    
Greg 04.01.2011 21:27
quelle
0

Flash spielt nicht immer schön mit Z-Index auf allen Browsern, sieht gut aus von meinem Firefox. Ссылка & lt; & lt; Ich denke, das könnte die Lösung sein, nach der Sie suchen.

Bearbeiten

Warum rendert Z-Index im IE nicht so, wie es über einen Flash-Film sein soll? & lt; & lt; ähnliches Problem hier auf Stackoverflow

    
sjobe 04.01.2011 21:30
quelle
0

Das ist ein Iframe-Problem, kein Z-Index. Das gleiche Problem, dem ich gegenüberstehe, füge ich einfach "wmode = transparent" zur YouTube embed i frame src-URL hinzu. Wie so:

%Vor%     
Praveen04 16.08.2013 11:34
quelle

Tags und Links