Tecnología

Inicio

Cómo hacer un fondo de montaje de automóviles en CSS

Cómo hacer un fondo de montaje de automóviles en CSS


HTML puede establecer cualquier imagen que usted elija como el fondo de una página Web. Dependiendo de las propiedades establecidas, esta imagen puede extenderse a través de toda la pantalla. Pero si el usuario cambia el tamaño de la página después de abrirlo, la imagen de fondo seguirá siendo el mismo tamaño. Una barra de desplazamiento a continuación, por lo general aparecen. Para Autofit el fondo, dejando que se cambie su tamaño, junto con la ventana, editar las propiedades CSS de la página.

Instrucciones

1 Inserte el siguiente código dentro del bloque de declaración de su hoja de estilo "cuerpo":

desbordamiento-y: hidden! importante;

auto overflow-x! importante;

2 Crear un nuevo bloque de declaración de la etiqueta "bg_image." Inserte el siguiente código en él:

width: 100%;

left: 0px;

top: 0px;

position: absolute;

z-index: 0;

Aunque parece intuitivo para agregar "altura: 100%" en este bloque, deje que la línea de salida. Que afectará a la relación de aspecto de la imagen.

3 Cree otro bloque de declaración de la etiqueta "contenido". Inserte el siguiente código en él:

z-index: 2;

position: absolute;

4 Pasar de la hoja de estilo a la página web en sí. Agregue el siguiente código justo después de la etiqueta <body>:

<Div id = "bg_image">

<Img />

</ Div>

Reemplazar "fotos / landscape.jpg" con su dirección de imagen de fondo.

5 Coloque todos los contenidos de la página entre las dos etiquetas siguientes:

<Div id = "contenido">

</ Div>