Breaking

miércoles, 17 de octubre de 2012

Fondo fijo y centrado con CSS

Muchos me han preguntado como hacer para colocar una imagen de fondo y que esta no se mueva, pues aquí les dejo las etiquetas necesarias para poder colocar una imagen de fondo y a la vez centrarlo horizontal y verticalmente con CSS.



<html>
<head>
<title>Imagen de Fondo fijo y centrado</title>
<style type="text/css">
body {
 background-image: url(ruta/imagen.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center center;
}
</style>
</head>
<body>
<p>La imagen de fondo no se mueve con la pagina</p>
<p>CSS +Fondo de imagen fijo</p>
<p>La imagen no se mueve</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>La imagen de fondo no se mueve con la pagina</p>
<p>CSS +Fondo de imagen fijo</p>
<p>La imagen no se mueve</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>La imagen de fondo no se mueve con la pagina</p>
<p>CSS +Fondo de imagen fijo</p>
<p>La imagen no se mueve</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

2 comentarios:

  1. Gracias por la info, me sirvió para mis proyectos

    ResponderEliminar
  2. Este video me sirvio mucho para centrar el logo, tambien en el mismo canal hay uno para centrar el top menu por si les interesa.

    https://youtu.be/oYI_eJ2U2Kk

    ResponderEliminar