STANMX

Buscando la accesibilidad

Como centrar un Background con CSS

Hoy estuve buscando la manera de centrar un background en el centro de una página, después de un rato de búsqueda he aquí el resultado:

body {
	background: transparent url(imagen.jpg) no-repeat center center;
	 background-attachment: fixed;
}

Gracias a Pablo por el fixed.

Publicado el 25 de Agosto del 2006 en css

13 Comentarios

Dr. Bizarre

ya esta en mi del.icio.us (y)

Comentario publicado el Viernes, 25 de Agosto del 2006 a las 10:44 pm

Victor Bracco

Ya esta en mi sabro.us!

Comentario publicado el Sabado, 26 de Agosto del 2006 a las 03:33 pm

Octavio Alvarez

Cabe mencionar que al hacer scrolling esta técnica utiliza más procesador que los fondos no-fixed, pues a cada scroll hay que volver a renderear toda la página.

En máquinas viejas (< 500Mhz) la página se verá torpe, lenta, a menos que haya una buena tarjeta de video.

Comentario publicado el Domingo, 27 de Agosto del 2006 a las 10:54 am

stan

no habia pensado en ese inconveniente Octavio, creo que probare con unas de 300 mhz haner que resulta :D

Comentario publicado el Lunes, 28 de Agosto del 2006 a las 10:24 am

josue

quiero conocer gente nueva de todas partes del planeta!!!!!!!!

Comentario publicado el Lunes, 28 de Agosto del 2006 a las 12:29 pm

zoftweb

que tal si empiezas por tu colonia? :P

Comentario publicado el Lunes, 28 de Agosto del 2006 a las 11:35 pm

Mario A Chavez

Ja, ja ... zoftweb, muy buena tu respuesta !

Comentario publicado el Martes, 29 de Agosto del 2006 a las 12:51 am

Octavio Alvarez

Zoftweb, excelente respuesta. Tengo que admitir que yo sufro del mismo síndrome.

Comentario publicado el Martes, 29 de Agosto del 2006 a las 11:59 am

Victor

jajaja, se pasan. jajaja

Comentario publicado el Martes, 29 de Agosto del 2006 a las 02:43 pm

Mudanzas

Una información muy util ;) Te sigo leyendo.

Comentario publicado el Miércoles, 20 de Septiembre del 2006 a las 02:01 pm

Diseño Web

Con esta respuesta has solucionado muchos problemas. Gracias

Comentario publicado el Jueves, 3 de Julio del 2008 a las 05:59 am

bardo

Estoy hojeando el blog y copiando código a diestro y siniestro, me está siendo muy útil .Muchas gracias

Comentario publicado el Miércoles, 1 de Octubre del 2008 a las 05:48 am

Jordi

Muchas gracias por el artículo. Me gustaría añadir que si queréis centrar el fondo y además que aparezca en la parte superior, debéis poner el siguiente código:

body {
background:url(Assets/header.gif) no-repeat top center;
background-attachment: fixed;
}

Espero que sirva de ayuda.

Comentario publicado el Sabado, 4 de Octubre del 2008 a las 08:40 am

Aporta tu Comentario

Nombre requerido

Email requerido