CSS - archivo adjunto de fondo

Descripción

background-attachments determina el contexto de mosaico y el estado de desplazamiento de una imagen de fondo.

Valores posibles

scroll - Una imagen de fondo configurada para desplazarse se desplazará junto con el resto del documento.
fixed - Una imagen de fondo configurada como fija permanecerá bloqueada en su lugar mientras el resto del documento se desplaza.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.backgroundAttachment = scroll | fixed;

Ejemplo

<html>
   <head>
   </head>
   
   <body>
      <p style = "background-image:url(/images/logo.png); background-attachment:scroll; background-attachment:scroll; background-repeat: no-repeat; background-attachment: fixed;">
         
         This parapgraph has scrolling background image.
         This parapgraph has fixed repeated background image.
         This parapgraph has fixed repeated background image.
         This parapgraph has fixed repeated background image. 
         This parapgraph has fixed repeated background image.
         This parapgraph has fixed repeated background image.
      </p>
   
   </body>
</html>

Producirá el siguiente resultado:

↰ Previous page