CSS - allegato in background

Descrizione

background-attachment determina il contesto di affiancamento e lo stato di scorrimento di un'immagine di sfondo.

Possibili valori

  • scroll - Un'immagine di sfondo impostata per lo scorrimento scorrerà insieme al resto del documento.

  • fixed - Un'immagine di sfondo impostata su fissa rimarrà bloccata mentre il resto del documento scorre.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.backgroundAttachment = scroll | fixed;

Esempio

<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>

Produrrà il seguente risultato: