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
ya esta en mi del.icio.us (y)
Comentario publicado el Viernes, 25 de Agosto del 2006 a las 10:44 pm
Ya esta en mi sabro.us!
Comentario publicado el Sabado, 26 de Agosto del 2006 a las 03:33 pm
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
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
que tal si empiezas por tu colonia? :P
Comentario publicado el Lunes, 28 de Agosto del 2006 a las 11:35 pm
Ja, ja ... zoftweb, muy buena tu respuesta !
Comentario publicado el Martes, 29 de Agosto del 2006 a las 12:51 am
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
jajaja, se pasan. jajaja
Comentario publicado el Martes, 29 de Agosto del 2006 a las 02:43 pm
Una información muy util ;) Te sigo leyendo.
Comentario publicado el Miércoles, 20 de Septiembre del 2006 a las 02:01 pm
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
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