Código de CSS - Añadir una imagen de fondo de pantalla que ocupe todo el navegador con css3

Imágen de perfil
Val: 641
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Añadir una imagen de fondo de pantalla que ocupe todo el navegador con css3gráfica de visualizaciones


CSS

estrellaestrellaestrellaestrellaestrella(15)
Publicado el 3 de Abril del 2013 por Xavi
78.672 visualizaciones desde el 3 de Abril del 2013
Simple código que muestra como poner una imagen de fondo que ocupe todo el navegador y se redimensione cuando el navegador cambie de tamaño.

Versión 1
estrellaestrellaestrellaestrellaestrella(15)

Publicado el 3 de Abril del 2013gráfica de visualizaciones de la versión: Versión 1
78.674 visualizaciones desde el 3 de Abril del 2013
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
    html {
        height:100%;
        width:100%;
    }
    body{
        background:#8ba987 url('http://www.lawebdelprogramador.com/logolwp100x25.jpg') no-repeat center center;
        background-size:100% 100%;
    }
    </style>
</head>
<body>
    <h1>La Web del Programador</h1>
    <p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
</body>
</html>



Comentarios sobre la versión: Versión 1 (15)

firegore
20 de Octubre del 2014
estrellaestrellaestrellaestrellaestrella
muy buena aportación
Responder
Imágen de perfil
7 de Septiembre del 2016
estrellaestrellaestrellaestrellaestrella
Excelente aporte, muchas gracias
Responder
javier
12 de Noviembre del 2016
estrellaestrellaestrellaestrellaestrella
Excelente
Responder
Jesus Oswaldo
2 de Febrero del 2017
estrellaestrellaestrellaestrellaestrella
Me fue de gran ayuda, gracias!!!
Responder
el brayan
16 de Febrero del 2017
estrellaestrellaestrellaestrellaestrella
tenkiu
Responder
roge
2 de Abril del 2017
estrellaestrellaestrellaestrellaestrella
gracias
Responder
Imágen de perfil
4 de Abril del 2017
estrellaestrellaestrellaestrellaestrella
Excelente
Responder
fernando
4 de Mayo del 2017
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Thomas
6 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
Me sirvió mucho, gracias.
Responder
Odnumi Oligav
29 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
Lo loco es que es un aporte del año 2013... y veo comentarios relacionados agradeciendo de 2017.
Lo bueno sigue funcionando...
Responder
ademo
27 de Agosto del 2018
estrellaestrellaestrellaestrellaestrella
muchas gracias
Responder
Alan
3 de Diciembre del 2018
estrellaestrellaestrellaestrellaestrella
Excelente, muchas gracias.
Responder
Carlos
11 de Junio del 2019
estrellaestrellaestrellaestrellaestrella
Gracias me ha ayudado, aunque mi duda es es porque se incluye este codigo
html {
height:100%;
width:100%;
}
y xq hace que se termine de expandir la imagen, eso es lo que no entiendo pense que todo eso se hacia con el background-position
Responder
Imágen de perfil
5 de Julio del 2019
estrellaestrellaestrellaestrellaestrella
buen aporte crack
Responder
luciano manrique
10 de Julio del 2019
estrellaestrellaestrellaestrellaestrella
Muy bueno, execente, felicitaciones
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2344