Expansión de una imagen de fondo con CSS

Sobre este artículo

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

URL: LaWebera.es :: Diseño de paginas web

Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

También te podría gustar...

11 Respuestas

  1. marcelo

    Hola, cunado utilizo background-size, no puedo utilizar background-attachment: fixed;

    me pueden orientar.

  2. marcelo

    ok, ya lo solucione !!

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

  3. paco

    gracias marcelo, lo de repeat, no me lo cogia de la otra manera el css, pero asi si.

  4. Fran

    Hola a todos, un saludo para todos ustedes, con el codigo siguiente:

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

    Si funcion la expansion de la imagen en todo el fondo de mi sitio pero solo funciona para Chrome y para internet explorer 9.0 no.

    Por favor, que tengo que modificar o configurar para que tambien funcione en Explorer 9, me pueden dejar su respueta aqui en el foro o bien escribanme a mi corre

    estare muy agradecidos con todos ustedes, gracias

  5. yesenia

    Soy tu fan!!!!

    he buscado por todas partes y no habia logrado tener una imagen de fondo que me abarcara todo,
    1000!! GRACIAS!!

    Me ha funcionado a la perfección.

    entraré más seguido a esta página, tiene mucho contenido muy bueno.

    Like!!!

  6. Yolanda

    Es genial! con css3 funciona de maravilla.

    Pero me gustaría saber cómo llamar a la imagen de fondo con el método css básico, no lo he conseguido :(

    He probado a insertar una imagen con la etiqueta img y se adapta perfectamente al tamaño del navegador, pero como fondo no he sido capaz de insertarla. Puedes decirme cómo llamar a la imagen de fondo con el css básico?

  7. emmanuel

    sorry pero no entendi el segundo metodo, ¿donde coloco la url de la imagen? o tengo que complementar el primero con el segundo???

  8. jose

    grande marce!!! sos un capo.

  9. Robert Robles

    Marcelo, muchas gracias. Tu opción fue la mejor y lo solucioné. Eres un duro Man!

  10. florencia

    Hola, estoy trabajando con dreamweaver y cree un HTML para enviar por mail, ahora el problema es que cuando lo quiero pegar en un mail el fondo, el cual es una imagen png se borra

  11. Jorge Juan

    Grande, Marcelo!!! Funciona perfecto. Gran contenido y muy bien explicado.

Deja un comentario

El email no se publica. Todos los campos obligatorios.