Como poner un div que bloquee la pantalla

10 332

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

Processing your request, Please wait....

10 Comments

  1. pinochet 3 julio 2014 at 10:59

    panda de spammers xD

  2. games provide exclusive 3 mayo 2014 at 9:08

    I vvisited multiple blkgs but thhe audio feature for audio songgs
    prewsent att this web site is relly marvelous.

  3. marco 14 abril 2014 at 19:14

    en los comentarios hay un link rarillo ;)

  4. Juegos 24 enero 2013 at 8:22

    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!

  5. miguelortega 24 octubre 2012 at 9:18

    Gracias Ruben, ya corregimos los errores. Saludos.

  6. Crow 11 octubre 2010 at 11:53

    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?

  7. Miguel Ortega 28 enero 2010 at 20:16

    Disculpen amigos pero si me fallo tienen razon es que estaba borracho cunado lo publique, jajajaj

  8. Alex Aguiar 28 enero 2010 at 12:42

    jaja es verda…
    tambien pones “display: block;” a un elemento que por defecto es en bloque

  9. Ruben 28 enero 2010 at 7:48

    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?

Leave a reply

Your email address will not be published. Required fields are marked *