Cómo hacer una página Web Imagen de fondo Stretch

Cómo hacer una página Web Imagen de fondo Stretch


A veces las imágenes de fondo no siempre se ajustan a una página web a la perfección. Estirar una imagen de fondo para que se ajuste a la página web es la mejor solución en casos como el presente. Con el fin de hacer una página web la imagen de fondo de estiramiento, debe utilizar HTML o CSS código que le permitirá hacerlo.

Instrucciones

1

Abra una etiqueta de estilo en su cabecera HTML para crear el código CSS:

<Style type = "text / css">

2

Especifique las propiedades CSS para ningún margen o material de relleno que se aplicarán a la html o cuerpo del documento introduciendo el siguiente código CSS:

html, body {altura: 100%; margin: 0; padding: 0;}

3

Establezca las propiedades de la imagen de fondo para que sea estirar introduciendo el siguiente código:

Página-background {position: fixed; superior: 0; left: 0; width: 100%; altura: 100%;} 4

Introduzca el siguiente código para permitir que el resto del contenido de la página para aparecer correctamente:

contenidos {position: relative; z-index: 1; padding: 10px;} 5

Cierre la etiqueta de estilo introduciendo lo siguiente: </ style>

6

Especifique la imagen de fondo en el cuerpo del HTML dentro de una etiqueta div para hacer que se adhieren a las propiedades CSS definidas en la etiqueta de estilo, en sustitución de "URL de la imagen de fondo" con la URL de tu imagen deseada:

<Div id = "page-fondo"> <img src = "URL de la imagen de fondo" width = altura "100%" = "100%"> </ div>

Consejos y advertencias

  • Tenga cuidado con las inadecuadamente introducir una sección del código, como su imagen de fondo página Web podría no estirar si lo hace.