CSS-バックグラウンド添付

説明

background-attachmentは、背景画像のタイルコンテキストとスクロール状態を決定します。

可能な値

scroll -スクロールするように設定された背景画像は、ドキュメントの残りの部分とともにスクロールします。
fixed -固定に設定された背景画像は、ドキュメントの残りがスクロールしている間、所定の位置にロックされたままになります。

に適用されます

すべてのHTML要素。

DOM構文

object.style.backgroundAttachment = scroll | fixed;

例

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

それは次の結果を生成します-

Css-background-attachment

目次

CSS-バックグラウンド添付

説明

可能な値

に適用されます

DOM構文

例