Foros del Web » Creando para Internet » CSS »

imagen de background body

Estas en el tema de imagen de background body en el foro de CSS en Foros del Web. hola gente les hago una consulta sobre poner una imagen entera en el body de la web.. esta imagen no se repitiria de te tamaño ...
  #1 (permalink)  
Antiguo 17/02/2014, 13:40
 
Fecha de Ingreso: julio-2011
Mensajes: 123
Antigüedad: 12 años, 8 meses
Puntos: 0
imagen de background body

hola gente les hago una consulta sobre poner una imagen entera en el body de la web.. esta imagen no se repitiria de te tamaño combiene que sea en pixel? que reglas css conviene darle para que no tenga problemas con las distintas resoluciones?

cualquier detalle o consejo que me puedan dar para este tema de una imagen entera como fondo ser bien venida.

Gracias.
  #2 (permalink)  
Antiguo 17/02/2014, 15:25
Avatar de TSG
TSG
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 373
Antigüedad: 10 años, 6 meses
Puntos: 9
Respuesta: imagen de background body

Hola muy buenas.

Puedes crear una imagen de fondo muy grande que sobre pase las mayoría de las pantallas de pc... y asín no se tendría que duplicar... pero pesaría demasiado.

Otra cosa también puedes hacerla en miniatura, y ya se adaptaría a la pantalla de casa pc.

Un cordial saludo.
  #3 (permalink)  
Antiguo 18/02/2014, 06:28
 
Fecha de Ingreso: febrero-2014
Mensajes: 3
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: imagen de background body

Esto te deberia de servir.

body {
background-image: url(Aqui la ruta de la imagen) ;
background-size: 100% 100% ;
background-attachment: fixed;
}
  #4 (permalink)  
Antiguo 18/02/2014, 06:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: imagen de background body

La mejor solución es una imagen más o menos grande, para que no se vea mal en pantallas grandes, y usar:

Código CSS:
Ver original
  1. background-size: cover;

Para que no se deforme y se adapte a cualquier pantalla.
  #5 (permalink)  
Antiguo 26/02/2014, 12:41
 
Fecha de Ingreso: julio-2011
Mensajes: 123
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: imagen de background body

Mil Gracias por sus respuestas todas balidad para lo que busco, voy hacer pruebas. Suerte

Etiquetas: background, body, diseño-web
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 13:15.