Colocar como fondo Una imagen en lugar especifico

[zero_sos]

Hola.

Gracias por chequear mi inquietud.

Tengo una Pagina y quiero colocarle como fondo una imagen, ahora bien, necesito que esta imagen no se repita y que me aparesca centralizada.

Como podria hacer esto???? gracias.

Atentamente,

Zero.

[caricatos]

Hola zero_sos:

<style>
body {background: white url(fondo.gif) no-repeat center center;
background-attachment: fixed;
</style>

Espero que te sirva

Saludos

[JavierB]

Hola, zero_sos.

Menos mal que he estado atento, sino menudo coscorrón me pego con caricatos (¡Saludos !)

Como complemento, decir que se puede afinar más en la colocación de la imágen, indicándole la posición en pixels o en porcentajes:

background-position: 100px 40px;
background-position: 10% 20%;

Saludos,

[caricatos]

Hola otra vez: (Hola Javi )

Voy a re-complementar la respuesta:

Ésto background: white url(fondo.gif) no-repeat center center;
se puede desglosar como:
background-color: white;
background-image: url(fondo.gif);
background-repeat: no-repeat;
background-position: center center;

... y creo recordar que background-position: center center;
puede desglosarse como:
background-position-x: center;
background-position-y: center;

o también para position-x puede ponerse left/right
y para position-y top/bottom

Si me equivoqué en algo, espero que me corrijan.

Y una última cosilla:
Creo que no está en las FAQs css...

Si me lo confirman las pondré...

Saludos

[zero_sos]

Muchas Gracias por todo, ya lo tengo.

[JavierB]

Hola, caricatos.

He estado haciendo algunas pruebas y esto es lo que he sacado en limpio:

background-position-x: center;
background-position-y: bottom;

Esto solo funciona con Explorer.

background-position: center bottom;

Funciona en Explorer y Nescafé.

La FAQ-1 trata de fondos estáticos, pero es muy breve. Creo que estaría bien completarla con lo que se ha tratado en este mensaje.

Saludos,