Saltar al contenido

Cómo cambiar la opacidad de fondo cuando el modal de arranque está abierto

Esta cuestión se puede resolver de diversas maneras, sin embargo te enseñamos la solución más completa para nosotros.

Solución:

Supongo que desea establecer la opacidad del fondo modal …

Establecer la opacidad a través de CSS

.modal-backdrop

    opacity:0.5 !important;

!important evita que se sobrescriba la opacidad, particularmente de Bootstrap en este contexto.

Puede anular la opacidad del fondo modal en su hoja de estilo [take note of the .in class]

.modal-backdrop.in 
    opacity: 0.9;

http://jsfiddle.net/ThisIsMarkSantiago/r0gwn005/1/

podría utilizar eventos de arranque:: como

//when modal opens
$('#yourModal').on('shown.bs.modal', function (e) 
  $("#pageContent").css( opacity: 0.5 );
)

//when modal closes
$('#yourModal').on('hidden.bs.modal', function (e) 
  $("#pageContent").css( opacity: 1 );
)

Valoraciones y comentarios

Acuérdate de que puedes optar por la opción de valorar esta reseña .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *