HTML - Imagen de fondo expandible

   
Vista:

Imagen de fondo expandible

Publicado por Monica Soto soto_taz@hotmail.com (1 intervención) el 14/07/2011 21:05:55
Hola buenas tardes.

Espero que me puedan ayudar, mi problema es que no encuentro como poner una imagen de fondo expandible.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Imagen de fondo expandible

Publicado por DerangedMX (47 intervenciones) el 08/08/2011 23:18:17
Si lo que buscas es aplicar una imagen de fondo al 100% para tu web lo que requieres es emplear CSS.

Ejemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>Imagen expandible</title>
<style>
body {
	background:url(http://www.webwallpapers.net/wp-content/uploads/2009/07/comic-wallpaper-12.jpg);
    -o-background-size:100% 100%;             /*  Opera  */
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
    background-repeat:no-repeat;
    background-attachment:fixed;
	}
</style>
</head>
<body>
<h1>Imagen de fondo expandible con CSS</h1>
<p>Fuente: http://www.htmlforums.com/showpost.php?p=677041&postcount=3</p>
</body>
</html>


Espero sea de utilidad.

---------------------------------------------------------------------------------------------------------------------------------
.:DerangexMX:. Sitios realmente seguros con certificados de seguridad y protocolo SSL.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar