Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Oscurecer la pantalla al mostrar un modal o aviso

Estas en el tema de Oscurecer la pantalla al mostrar un modal o aviso en el foro de CSS en Foros del Web. Buenas a todos, quiero saber con qué o con cuáles propiedades css se puede oscurecer la pantalla como cuando aparecen un modal o aviso como ...
  #1 (permalink)  
Antiguo 11/02/2015, 11:22
Avatar de ericksav22  
Fecha de Ingreso: enero-2015
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Pregunta Oscurecer la pantalla al mostrar un modal o aviso

Buenas a todos, quiero saber con qué o con cuáles propiedades css se puede oscurecer la pantalla como cuando aparecen un modal o aviso como por ejemplo el [URL="http://getbootstrap.com/javascript/#modals"]Modal de bootstrap[/URL] (busquen el botón que dice "Launch demo modal"). Creo que este es un tema híbrido entre js y css pero obviamente la mágia la hace css. También quisiera saber cómo puedo deshabilitar la funcionalidad de la página mientras se muestre el modal, pero lo que más me interesa es ver lo del oscurecimiento.

Última edición por ericksav22; 11/02/2015 a las 11:24 Razón: Los urls no se mostraban de forma correcta
  #2 (permalink)  
Antiguo 11/02/2015, 11:44
Avatar de ericksav22  
Fecha de Ingreso: enero-2015
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Oscurecer la pantalla al mostrar un modal o aviso

Ya pude encontrar la respuesta en esta página [URL="http://blog.unijimpe.net/efecto-lightbox-con-css/"]http://blog.unijimpe.net/efecto-lightbox-con-css/[/URL] a las 2 preguntas planteadas al googlear un poco sobre modales. Espero le sirva a las personas que tengan la misma duda.
  #3 (permalink)  
Antiguo 11/02/2015, 12:17
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Oscurecer la pantalla al mostrar un modal o aviso

Por las dudas, yo dejo como lo haria:

http://jsfiddle.net/Lug70w35/

Saludos

Etiquetas: bootstrap, modal, oscurecer, pantalla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:04.