ene
28
2010
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
5 Comments + Add Comment
Leave a comment
Patrocinador
Siguenos
Suscribete
Correo @zoneartcss.com
Comentarios
- juan manuel en Subdominios con php y .htaccess
- PCHART-Crear gráficas en PHP | Espacio de *M@?!*[lOs KeRoS mUcHo a ToDoS...] en Pchart – Crear gráficas en PHP
- EH en Evitar resize de un textarea con CSS
- KAREN en Envia mensajes de texto gratis a celulares telcel
- Elie Cottage en Ventajas y desventajas de tener un blog gratis

An article by







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