[Duda] Ayuda con popup

Sáb Mar 09, 2019 2:36 pm

Saludos para la bonita persona que pasa por este tema <3

Estoy trabajando con un widget flotante que abre una ventana por toda la pantalla. La idea en sí es que todo se oscurezca y el contenido se sobreponga a todo, pero aquí es en donde tengo mi pequeño problema.

Capturas sacadas por mi bella amore:

Pruebo con el z-index a su máxima potencia, pero hay varios elementos del skin que se sobreponen a la ventana del popup.
Este es el code que uso para la ventana

Código:: background-color: rgba(0,0,0,0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999!important;

Gracias de antemano.

Sáb Mar 09, 2019 8:43 pm

Hola hola:

Con una rápida búsqueda de google encontré el foro para probar (?) El problema se debe a que el elemento que contiene el widget flotante, #left, va antes del que contiene el contenido del foro, #main, por lo que los objetos con z-index de #main se sobreponen a los de #left, por mucho z-index: 999; que le pongas xD Con añadir un z-index grande a #left (yo puse z-index: 25;, quizá no te haga falta tanto) se soluciona el problema:

Código:: #left {z-index: 25px;} /*por si me he explicado como el culo (?)*/

Un saludo.

Dom Mar 10, 2019 8:29 am

Acabo de ver magia (?) Hahaha
¡Muchas gracias por la ayuda Eine! No me imaginé que sería por ese #left.

Saludos.~

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Ayuda con popup