Cómo Hacer Un Fondo Fijo

Tabla de contenido:

Cómo Hacer Un Fondo Fijo
Cómo Hacer Un Fondo Fijo

Video: Cómo Hacer Un Fondo Fijo

Video: Cómo Hacer Un Fondo Fijo
Video: FONDO FIJO CONTABILIDAD EXPLICACION SENCILLA Y PRACTICA PARA NIVEL SECUNDARIO O CONTABILIDAD BASICA 2024, Marcha
Anonim

El fondo de una página web puede estar vinculado a su contenido o comportarse independientemente de él. En el primer caso, al desplazarse por el contenido en la ventana del navegador, la imagen de fondo también se desplazará, mientras que en el segundo, puede permanecer estacionaria. Para implementar un fondo de página fijo, debe usar el lenguaje de descripción de estilo CSS, solo que puede garantizar el mismo comportamiento de fondo en diferentes tipos de navegadores.

Cómo hacer un fondo fijo
Cómo hacer un fondo fijo

Instrucciones

Paso 1

Utilice la propiedad background-attachments en CSS para especificar si el fondo de la página debe ser fijo o móvil. En total, esta propiedad puede tener tres valores: si no especifica ninguno de ellos, de forma predeterminada, el archivo adjunto de fondo se considera desplazamiento. Con este valor, la imagen de fondo se desplaza junto con el contenido de la página. El valor heredado copia el comportamiento de fondo del elemento principal y el valor fijo hace que la imagen de fondo sea independiente del contenido; permanece estacionaria cuando se desplaza la página. Deberías usarlo.

Paso 2

Prepare sus instrucciones CSS para usarlas en las páginas en las que desea corregir el fondo. Si no va a colocar el código CSS en un archivo de descripción de estilo externo, estas instrucciones deben colocarse entre las etiquetas de estilo de apertura y cierre:

// habrá descripciones de estilos

La descripción del comportamiento del fondo de la página debe estar vinculada al elemento BODY; en terminología CSS, se llamará "selector" y se escribirá así: BODY {

// las descripciones del cuerpo de la página estarán aquí

} Las propiedades relacionadas con este selector deben colocarse entre llaves, separadas por punto y coma: BODY {

archivo adjunto de fondo: fijo;

background-image: url (images / BG.gif);

} La primera línea captura la imagen de fondo y la segunda indica la dirección del archivo que contiene la imagen de fondo, en relación con la dirección de la página. Estas dos líneas se pueden escribir en una declaración CSS compleja como esta: background: url (images / BG.gif) fixed;

Paso 3

Pegue todo el código para arreglar el fondo en el texto de la página. En su forma final, puede verse así:

BODY {background: url (images / BG.gif) fijo;}

Por supuesto, debe reemplazar la ubicación y el nombre del archivo de imagen de fondo. Es mejor poner el código antes de la etiqueta, aunque esto no es un requisito previo.

Recomendado: