2

Al poner la imagen de fondo no se ve completa, estoy usando el siguiente código:

<body background="url">

1 respuesta 1

3

Para colocar una imagen de fondo, es mejor que procedas de esta forma:

  • No uses estilos inline es decir dentro de las mismas etiquetas
  • Usa la propiedad background-image para indicar el recurso que irá de fondo
  • Para cubrir usa la propiedad background-size con la opción cover
  • Si por alguna razón tu imagen no alcanza el 100 por ciento del espacio visible para cubrirla puedes hacer uso de width: 100vh;
  • Al body le quitas el margin

Quedando así:

body {
  background: url(url_tu_imagen); 
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh;
}

Ejemplo completo

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    img{
      width: 100%;
    }
    body {
      background: url(url_tu_imagen)  ; 
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0;
      height: 100vh;
    }
  </style>
</head>
<body>

</body>
</html>
5
  • No me va el código, me aparece todo el código escrito en la página Commented el 17 mar. 2020 a las 0:37
  • @JorgeGuadalupeGomezPimentel lo ingresaste en etiquetas style?
    – user128299
    Commented el 17 mar. 2020 a las 0:38
  • @JorgeGuadalupeGomezPimentel revisa la edición
    – user128299
    Commented el 17 mar. 2020 a las 0:39
  • Si, ya lo puse con las etiquetas style y me va igual Commented el 17 mar. 2020 a las 0:57
  • No tendría por que @JorgeGuadalupeGomezPimentel usa esta plataforma para que compruebes que si funciona jsbin.com además copia y prueba mi último ´codigo que agregué
    – user128299
    Commented el 17 mar. 2020 a las 0:58

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.