Foros del Web » Creando para Internet » CSS »

Imagen de fondo fija y ajustada a pantalla

Estas en el tema de Imagen de fondo fija y ajustada a pantalla en el foro de CSS en Foros del Web. Hola a todos, Mi problema es que mediante css quiero poner el fondo de pantalla a tamaño completo y fijo, pero consigo ponerlo fijo pero ...
  #1 (permalink)  
Antiguo 28/07/2010, 16:27
 
Fecha de Ingreso: julio-2009
Mensajes: 33
Antigüedad: 8 años, 5 meses
Puntos: 0
Imagen de fondo fija y ajustada a pantalla

Hola a todos, Mi problema es que mediante css quiero poner el fondo de pantalla a tamaño completo y fijo, pero consigo ponerlo fijo pero el tamaño se queda con el real de la foto.
Os pongo lo que he provado hasta ahora:
body {background: url(./images/background3.jpg) no-repeat fixed; width:100%; height:100%;}
gracias
  #2 (permalink)  
Antiguo 28/07/2010, 16:47
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: Imagen de fondo fija y ajustada a pantalla

Bueno seria cosa de poner en google: background full screen
y sorpresa... aparecen varias librerias que hacen eso.

la primera que me sale a mi: http://buildinternet.com/2009/02/sup...jquery-plugin/

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #3 (permalink)  
Antiguo 28/07/2010, 17:19
 
Fecha de Ingreso: noviembre-2009
Ubicación: Monterrey
Mensajes: 37
Antigüedad: 8 años
Puntos: 0
Respuesta: Imagen de fondo fija y ajustada a pantalla

No uses fixed con widht y height al 100% se distorsionaria la imágen.

Utiliza en css background:url:(bg.jpg) top center;.

[URL="http://dzineblog.com/2008/06/25-websites-beautiful-bg.html"]Ejemplos de backgrounds[/URL]
  #4 (permalink)  
Antiguo 29/07/2010, 03:59
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: Imagen de fondo fija y ajustada a pantalla

es por las puras que pongas height:100%; en el selector BODY ya que si usas un doctype eso no hara nada..

lo que podrias hacer, es un div principal ahi poner el fondo

aqui puedes ver un ejemplo usando CSS sin javascript

http://www.cssplay.co.uk/layouts/background.html

Etiquetas: fija, fondo, pantalla
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 05:15.