Foros del Web » Creando para Internet » CSS »

background-image que se muestre al 100% y centrado

Estas en el tema de background-image que se muestre al 100% y centrado en el foro de CSS en Foros del Web. Hola gente, se que esto lo he visto en algun lado , pero estoy hace una hora buscando y no encuentro nada similar.... El punto ...
  #1 (permalink)  
Antiguo 21/03/2008, 08:59
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 19 años
Puntos: 890
background-image que se muestre al 100% y centrado

Hola gente, se que esto lo he visto en algun lado , pero estoy hace una hora buscando y no encuentro nada similar....

El punto es que tengo una imagen de 1500 x 800 px , que quiero poner de fondo de una web que estoy armando, pero quiero que el background sea asi:

background-image: url(images/fondo.jpg);
background-repeat: no-repeat;
background-position:center; <<<<<<<<aca tengo problemas
background-attachment: fixed;

quiero que la imagen de fondo se muestre al 100%(hotizontal y vertical) en el navegador si la resolucion es de por ejm 800x600 y si es mas de 1500x 800 la resolucion,la imagen quede centrado. y que no aumente sus dimensiones, es decir que no pase de 1500x800.
Si alguien me tira un cable, por favor.
Seria recomendable ponerlo en un div?

Gracias de antemano.
__________________
Drupal Argentina
  #2 (permalink)  
Antiguo 21/03/2008, 23:49
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Re: background-image que se muestre al 100% y centrado

Hola:

Por ahora con estilos no se pueden estirar las imágenes de fondo, pero puedes poner una imagen con posición absoluta, en la esquina superior izquierda y al 100% de anchura y altura... y para que simule un fondo puedes poner encima una capa transparente con las mismas características.

La parte condicional de la pregunta supongo que deberás plantearte usar javascript.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:47.