Expansión de una imagen de fondo con CSS

También te podría gustar...

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...

12 Respuestas

  1. Jorge Juan

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

  2. 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

  3. Robert Robles

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

  4. jose

    grande marce!!! sos un capo.

  5. emmanuel

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

  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. 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!!!

  8. 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

  9. paco

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

  10. 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;
    }

  11. marcelo

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

    me pueden orientar.

  12. abel

    Gracias a páginas como esta pude hacer mis pinitos y colgar una web de mis cuadros en la red.
    Gracias por vuestros códigos y sugerencias, habéis hecho realidad el deseo de un neófito en la materia.
    ¡Viva el HTML!

Deja un comentario

El email no se publica. Todos los campos obligatorios.