A avoir un popup div. Mais en popup, il devient caché derrière d'autres éléments sur la page. Comment puis-je m'assurer que la div popup reste toujours au-dessus des autres éléments de la page?CSS - Empêche le popup de se cacher derrière d'autres éléments sur la page
Répondre
Assurez-vous que le css z-index
est plus élevé que les autres.
(Note: z-index ne fonctionne que sur des éléments positionnés (position: absolute, position: relative ou position: fixed)
j'ai pas encore défini le z-index de d'autres éléments, alors quelle valeur dois-je utiliser pour z-index de la div popup – AnonGeek
@Saumitra Essayez de régler le z-index de l'élément popup quand même. (Note: z-index ne fonctionne que sur les éléments positionnés (position: absolute, position: relative, ou position: fixed) – paulslater19
pour un aperçu complet: http://coding.smashingmagazine.com/2009/09/15/ the-z-index-css-propriété-a-comprehensive-look/ – paulslater19
Pour faire votre pop-up apparaissent sur un autre élément que vous devez vous assurer que la propriété z-index pour l'élément avant doit être supérieur à celui qui devrait se placer derrière
//this id element will get at front
#front {
z-index:2;
}
//this id element will be behind #front element
#back {
z-index:1;
}
- 1. Jquery Popup se cache derrière l'éditeur editlive
- 2. Aide cacher css popup dans IE
- 3. Pied de page derrière le contenu CSS
- 4. Toast cacher derrière le clavier sur BB10
- 5. Empêche le curseur de se cacher dans le navigateur après avoir appuyé sur la touche
- 6. Comment cacher le texte derrière l'image
- 7. Zend/PHP: Comment désactiver la page Web derrière popup?
- 8. Imprimer CSS refuse de cacher des éléments
- 9. éléments déroulants se cacher !!! z-index Problème
- 10. Comment empêcher Xmobar de se cacher derrière d'autres fenêtres Xmonad?
- 11. Empêche le défilement de tous les éléments sauf un popup et son contenu
- 12. Popup modal sur la page
- 13. Empêche le défilement de la page lorsque des éléments de page sont supprimés
- 14. Empêche les modifications CSS sur "Modifier" UserControl?
- 15. Empêche le texte de passer derrière le diaporama
- 16. -webkit-transform Empêche la page De
- 17. Pied de page se plaçant derrière la galerie
- 18. Menu popup jQuery Sur la page Actualiser
- 19. La position fixe Div empêche le défilement lorsque le focus se déplace entre ses éléments
- 20. css - cacher le débordement
- 21. Comment cacher certains éléments sur une page en utilisant jQuery
- 22. jQuery datepicker apparaît derrière popup
- 23. Positionnement CSS: Le menu long de la main gauche apparaît derrière le pied de page
- 24. Empêche le défilement de la page après un clic?
- 25. éléments CSS et de se cacher, ce qui rend mes autres liens d'ancrage fonctionnent pas
- 26. Validation sur la 1ère page empêche deuxième page d'afficher
- 27. (jquery) empêche div d'afficher pendant le chargement de la page
- 28. Javascript - Ouvrir Popup automatiquement sur le chargement de la page
- 29. Cacher et montrer des éléments en utilisant css
- 30. cacher le clavier si la feuille d'action va popup
est-ce un problème sur tous les navigateurs? – atmd
@Saumitra un peu de code, il serait utile. – freebird