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.Hacer FancyBox aparece en la parte superior
5
A
Respuesta
4
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.
1
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;
}
1
He addded:
.fancybox-overlay {
z-index: 1000000 !important;
}
en mi hoja de estilo para la versión reciente de caja lujosa.
Cuestiones relacionadas
- 1. La ventana de la aplicación WPF aparece en la parte superior de SplashScreen
- 2. 'border-bottom' en div aparece en la parte superior? Div no está envolviendo el texto?
- 3. Alineación flotante CSS en la parte superior
- 4. UITextView margen extraño en la parte superior?
- 5. Enfrente de "siempre en la parte superior"
- 6. LINQ Únete en la parte superior 1
- 7. Java setFullScreenWindow() mantener en la parte superior
- 8. Android SlidingDrawer desde la parte superior?
- 9. Mantener diálogos en la parte superior de la ventana, pero no en la parte superior de todo
- 10. jquery fancybox - evitar cerrar al hacer clic fuera de fancybox
- 11. ¿Cómo desplazar QPlainTextEdit a la parte superior?
- 12. window.location.hash = ""; evitar desplazarse hacia la parte superior?
- 13. ScrollView no muestra la parte superior
- 14. desplazamiento QTextBrowser a la parte superior
- 15. Cajón deslizante desde la parte superior
- 16. SQL compacto seleccionar la parte superior 1
- 17. ¿La ventana Matplotlib aparece en la parte posterior?
- 18. jquery toggle: al hacer clic en el enlace salta a la parte superior de la página
- 19. Hacer scroll NavBar Stick en la parte superior del navegador En Bootstrap
- 20. Código corto que aparece en la parte superior del contenido en lugar de en el lugar donde lo necesito
- 21. Corriendo/Interpretando C en la parte superior de la JVM?
- 22. JavaScript en la parte inferior/superior de la página web?
- 23. siempre en la parte superior div dentro de la zona
- 24. % Columna de la CPU y carga en la parte superior
- 25. Javascript: comprobar SI la página está en la parte superior
- 26. Mantener la ventana en la parte superior al cambiar espacios
- 27. Barra de herramientas UIPopoverController en la parte superior
- 28. IPhone - UIView addSubview Gap en la parte superior
- 29. mini lenguaje de script en la parte superior de php
- 30. ¿Cómo agregar una vista en la parte superior del teclado?
Gracias. De alguna manera, uno de mis divs era z-index: ¡10000! – Jordan