J'ai configuré un lien vers une image à l'aide de FANCYBOX, mais lorsque je clique sur la vignette, la boîte FANCYBOX apparaît derrière tout mon contenu. J'utilise z-index pour placer d'autres contenus de la page, donc je pense que je dois faire la même chose pour la fantaisie mais je ne sais pas où placer le code CSS?
4 Réponses :
FANCYBOX a son propre fichier CSS, et vous devez rechercher Juste au cas où, vérifiez si vous avez ajouté que la feuille de style FancyBox dans votre HTML. # FANCYBOX-WABAL et modifier son z-index là-bas. Mais de toute façon, il a un paramètre assez élevé par défaut (1101 sur le mien), je suggère donc de modifier votre propre HTML / CSS.
Merci. D'une manière ou d'une autre une de mes divs étaient Z-index: 10000!
Dans mon cas, en utilisant WordPress 4.1 et Plugin Fancybox, j'ai résolu le problème en ajoutant cette règle CSS:
div#fancy_outer {
z-index: 1000000;
}
J'ai ajouté: dans ma feuille de style pour une version récente de FANCYBOX.
Dans mon cas, la solution suivante a fonctionné:
.fancybox-overlay{
z-index: 1000000;
}
.fancybox-wrap{
z-index: 1000001;
}