ene
28
2010

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"></di>

Ahora aqui les dejo el Css

<style>
<!--
.fondo{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

About the Author: Miguel Angel Ortega Acosta

5 Comments + Add Comment

  • 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?

  • 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…..

Leave a comment

Patrocinador

Siguenos

Suscribete

Escribe tu correo:

Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.

Correo @zoneartcss.com

Obtén una cuenta de @zoneartcss.com gratuita