Faire apparaître fancybox en haut

Question

J'ai mis en place un lien vers une image en utilisant fancybox mais quand je clique sur la vignette, la boîte fancybox apparaît derrière tout mon contenu. J'ai utilisé z-index pour placer d'autres contenus dans la page, donc je pense que je dois faire la même chose pour le fancybox mais je ne sais pas où placer le code CSS.

Answer 1

Fancybox a son propre fichier CSS, et vous devriez chercher #fancybox-wrap et changer son z-index'es là. Mais de toute façon, il a un réglage assez élevé par défaut (1101 sur le mien), donc je vous suggère de modifier votre propre HTML/CSS. Au cas où, vérifiez si vous avez ajouté cette feuille de style fancybox dans votre code HTML.

Answer 2

Dans mon cas, en utilisant WordPress 4.1 et le plugin Fancybox, je résolu le problème en ajoutant cette règle CSS:

div#fancy_outer { 
z-index: 1000000; 
} 

Answer 3

J'ai addded:

.fancybox-overlay { 
    z-index: 1000000 !important; 
} 

dans ma feuille de style pour la version récente de fancybox.