Je dois afficher un iframe lorsqu'un utilisateur clique sur un lien sur l'en-tête de la page. Comment puis-je m'assurer que l'iframe est toujours au-dessus de tout le contenu? Les z-index CSS ne fonctionnent pas efficacement dans ce cas.Positionnement du contenu iframe au-dessus de tout le contenu
z-index ne fonctionnera probablement pas parce que votre iframe est not a positioned box:
Pour une boîte placée, le 'z-index' propriété spécifie:
- Le niveau de la pile de la boîte dans la contexte d'empilement actuel.
- Indique si la boîte établit un contexte d'empilement local.
Définissez sa position autre chose que static. Par exemple:
iframe#myiframe {
z-index: 20;
position: absolute;
}
L'index z ne fonctionne que sur le contenu positionné. Soit utiliser la position : absolue; et en haut/à gauche/droite pour positionner l'élément ou utiliser position: relative; pour laisser l'élément où il se trouve.
L'un ou l'autre doit activer l'index z sur l'élément.
position: absolue; n'a pas besoin de haut/bas/gauche/droite. Si elles ne sont pas spécifiées, la boîte reste mise et n'affecte pas le modèle de boîte (c'est-à-dire qu'elle reste au-dessus des choses non absolues). Pareil avec relatif. – strager
/smackhead Bon point. D'une manière ou d'une autre, j'ai toujours appliqué automatiquement ces valeurs, en supposant une valeur par défaut de 0 en haut/à gauche. Apprendre quelque chose de nouveau chaque jour. – tgecho