Jump to content

como agrandar el background-image?


Recommended Posts

resulta que me imagen de fono background-image queda pequeña en una esquina uso esta propiedad

 

body{background-image:url(../images/fondo.jpg);background-repeat:no-repeat;}

 

como puedo hacer que quede cubriendo todo mi body sin usar background-repeat:repeat-x;

y sin que esta pierda calidad y sin cambiarle de tamaño ya que esta tiene las dimensiones 600x1024 o como puedo solucionar esto?

Edited by Kurorolucifer
Link to comment
Share on other sites

Intenta con esto:

body{background-image:url(../images/fondo.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}

 

:mmm: aunque si quieres que cubra todo el fondo, necesariamente tendrías que cambiar la propiedad background-repeat por repeat-x ó repeat.

Edited by susodicho
Link to comment
Share on other sites

Cuando hago páginas web lo que hago es poner una imagen muy grande, centrarla y dejarla estática, pero los mosaicos son mejores, porque cubren todo y es menos leseo. Lo que se puede hacer es que la imagen se redimencione al 100% de la pantalla, pero con una imagen con tan poca resolución como la que elegiste tú, se vería horrible. Elige imágenes con más resolución.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...