Fondo degradado dentro de un Div o ID

Martine · #1 (**permalink**) 11/05/2007, 12:58

Hola,

la pregunta es, como puedo usar una imagen con degradado que me sirva de background (dentro de un Div o ID) pero que al incluir contenido y se desplace hacia abajo sólo se repita la parte final de la imagen ( es para no tener que hacer una imagen muy grande).

En este ejemplo, deseo que se desplace sólo la parte de abajo que es la parte mas oscura:

En esta página veo que se hace algo similar pero es el background del body:
http://www.ukosplc.com/

Como puedes ver se repite la parte final de la imagen que es la parte clara.

Si se puede, gracias por los comentarios

kahlito · #2 (**permalink**) 12/05/2007, 04:41

Hola Martine.

Para hacer eso tendrias que poner esa imagen dentro del bloque que quieras pero como fondo o pie de ese mismo bloque.

Por ejemplo así:

Código HTML:

<style type="text/css">
#bloque{
	background-image: url(tu-imagen.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
</style>
</head>

<body>
<div id="bloque">Hola etc etc etc</div>
</body>

En el ejemplo que citas lo hace poniendo el mismo color de fondo que tiene la parte de abajo de esa imagen.