Hacer FancyBox aparece en la parte superior

Question

He creado un enlace a una imagen utilizando FancyBox pero cuando hago clic en la miniatura aparece el cuadro de FancyBox detrás de todo el contenido de mi. He estado usando z-index para colocar otro contenido en la página, así que creo que necesito hacer lo mismo para la fancybox pero no sé dónde colocar el código css.

Answer 1

FancyBox tiene su propio archivo CSS, y usted debe buscar #fancybox-wrap y cambiar su z-index'es allí. Pero de todos modos, tiene una configuración bastante alta por defecto (1101 en la mía), por lo tanto, sugeriría alterar tu propio HTML/CSS.

Por si acaso, compruebe si ha añadido que FancyBox hoja de estilo en el código HTML.

Answer 2

En mi caso, el uso de WordPress 4.1 y el plugin FancyBox, que resolvió el problema al añadir esta regla CSS:

div#fancy_outer { 
z-index: 1000000; 
} 

Answer 3

He addded:

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

en mi hoja de estilo para la versión reciente de caja lujosa.