Como poner un div que bloquee la pantalla
Este es un simple estilo en donde podemos hacer que un div se coloque en posición absoluta en la pantalla por encima de toda tu web, esto nos puede servir para mostrar mensajes de advertencia, bienvenida, o para tus propias aplicaciones.
Primero creamos el div
<div class="pantalla"></div> |
Ahora aquí les dejo el Css
<style> <!-- .pantalla{display: block;position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: url(fondo.png);} --> </style> |
Recuerda crear una imagen png transparente de cualquier color. para que puedas ver el efecto.
Saludos
Comentarios desde Facebook
7 comentarios
Trackbacks for this post
-
Información Bitacoras.com…
Valora en Bitacoras.com: Este es un simple estilo en donde podemos hacer que un div se coloque en posición absoluta en la pantalla por encima de toda tu web, esto nos puede servir para mostrar mensajes de advertencia, bienvenida, o para tus propias a…..








Processing your request, Please wait....

My brother suggested I might like this website. He was totally right.
This put up truly made my day. You can not believe just how a lot time I had spent
for this info! Thank you!
hola es buena opcion eso que pusiste, solo una duda y cuando quiera quitar la imagen que pongo con el div como le podria hacer?
Disculpen amigos pero si me fallo tienen razon es que estaba borracho cunado lo publique, jajajaj
jaja es verda…
tambien pones “display: block;” a un elemento que por defecto es en bloque
Hola, hay un par de fallos en la etiqueta de cierre del div falta la v y la clase se la das al fondo debería ser .pantalla no?
Gracias Ruben, ya corregimos los errores. Saludos.