Programación Web y Scripting > HTML
Imagen De Fondo
Emely:
Hola,
El problema es el siguiente:
Tengo una página en html, a la cual le puse una imagen de fondo:
<body background="imagenes/fondo.jpg">
la imagen se muestra bien cuando el navegador está maximizado, pero cuando le cambio de tamaño al navegador, la imagen de fondo se desconfigura, si agrando mas el navegador, la imagen se repite, y si lo disminuyo la imagen se corta.
¿Cómo podría hacer para que el tamaño de la imagen de fondo se adecúe al tamaño de mi navegador?.
Gracias por su tiempo
Emely :)
Kev:
Hola, mira de poder obtener el tamaño de la ventana si se puede, pero con Javascript, ahora cambiar el tamaño de una foto establecida en background no se puede ya que esto es fijo y se muestra en su tamaño original, lo que puedes talvez hacer es usar la propiedad <body bgproperties="fixed"> para hacer que cuando tu pagina tiene mucho contenido y te desplazas hacia abajo esta no se repita (no se muestre mosaico), esta propiedad fija tu imagen de fondo para que no se repita.
Salu2
:comp: :hola:
Edddy:
Creo que el problema es de tu explorador, porque lo que sucede cuando pones una imagen de la forma que tu pusiste, la imagen por lo general se repite en toda la pagina. Ahora con la opcion 'fixed' se mantiene fija en el fondo, pero es un poco incomodo, a leer. :kicking:
Altareum:
Pues te recomiendo que le heches mano al CSS...
Por ejemplo, para lo que necesitas:
body {
background-image: url(file:///home/nacho/Desktop/pinky.jpg);
background-position: center;
background-repeat: no-repeat;
}
También puede elegir las siguiente opciones:
-background-position:
background-position: left top; (lo alineará a la izquierda y arriba)
background-position: right bottom; (lo alineará a la derecha y abajo)
O cualquier otra combinación como center top, right center, etc...
-background-repeat:
background-repeat: no-repeat; (No repite la imágen)
background-repeat: repeat-x; (repite la imágen en el eje x)
background-repeat: repeat-y; (repite la imágen en el eje y)
background-repeat: repeat; (Opción por defecto de los navegadores, reepite la imágen en forma de mosaico).
-background-attachment:
background-attachment: fixed; (Fija el fondo con lo cual solo se mueve el contenido al mover el scroll).
Espero que te haya servido.
Altareum.
sergiotarrillo:
como hago para que una imagen ocupe todo el ancho y largo!
Saludos,
Navegación
[#] Página Siguiente
Ir a la versión completa