CSS - No me funciona z-index (varias pruebas)

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 10 puestos en CSS (en relación al último mes)
Gráfica de CSS

No me funciona z-index (varias pruebas)

Publicado por Carlos (2 intervenciones) el 23/03/2020 02:38:43
Hola amigos, he hecho varias pruebas con el z-index y no he logrado dejar un label por encima del bg-modal. Queda atrás y al hacer el scroll, aparece y funciona perfecto.

Dejo las imagenes de ejemplo... también el link donde en la parte superior derecha queda el label para cerrar el modal: http://web.sisenergia.cl/ (es un ambiente desarrollo)

Su ayuda porfa!!! Que creen que puede ser? estoy seguro que es una tontera que me tiene pillado

Captura-de-pantalla-2020-03-22-a-las-22.36.27
Captura-de-pantalla-2020-03-22-a-las-22.35.57
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 5
Ha disminuido su posición en 12 puestos en CSS (en relación al último mes)
Gráfica de CSS

No me funciona z-index (varias pruebas)

Publicado por Andrés (2 intervenciones) el 24/03/2020 01:08:56
El modal tiene un z-index igual a 1050 definido por bootstrap:

Anotacion-2020-03-23-190351

Sube el z-index de tu label:

Anotacion-2020-03-23-190432

PD: Si estas usando el componente JS de bootstrap es posible que el z-index de los modal cambie dinámicamente para sobreponerse a cualquier elemento en tu pantalla. Si el label es un botón para cerrar el modal prueba habilitando el que viene con el modal bootstrap, puede que te de un resultado que te guste mas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 3
Ha aumentado su posición en 10 puestos en CSS (en relación al último mes)
Gráfica de CSS

No me funciona z-index (varias pruebas)

Publicado por Carlos (2 intervenciones) el 24/03/2020 06:16:36
Mil gracias, finalmente pude!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar