Position iframe Inhalt über allen Inhalt

Question

Ich muss einen iframe anzeigen, wenn ein Benutzer auf einen Link im Header der Seite klickt. Wie stelle ich sicher, dass der Iframe immer über dem Inhalt steht? CSS-Z-Indizes funktionieren in diesem Fall nicht effektiv.

Answer 1

z-index wahrscheinlich nicht funktioniert, weil Ihr iframenot a positioned box ist:

Für eine positionierte Box, die 'z-index' Eigenschaft gibt:

1. Die Stapelhöhe der Box in der aktueller Stapelkontext.
2. Gibt an, ob die Box einen lokalen Stapelkontext erstellt.

Legen Sie seine position auf etwas anderes als static. Beispiel:

iframe#myiframe { 
    z-index: 20; 
    position: absolute; 
} 

Answer 2

Z-Index funktioniert nur bei positioniertem Inhalt. Verwenden Sie entweder Position: absolut; und oben/links/rechts, um das Element zu positionieren oder zu verwenden Position: relativ; um das Element dort zu lassen, wo es ist.

Entweder sollte Z-Index für das Element aktiviert werden.