1

background:#777777 none 繰り返しスクロール 0 0;

これに含まれる 5 つの属性は、background-color、background-image、background-repeat、background-attachment、および background-position です。

しかし、background-attachment と background-position の意味がわかりません。

誰かが説明できますか?

編集: background-image が何もない場合、background-repeat、background-attachment、および background-position は役に立ちませんか?

4

7 に答える 7

4

ページ上のテキストがスクロールバーでスクロールするWebページを見たことがありますが、背景は静止したままです。

background-attachment: fixed;

Background-positionは、要素の背景の内側に画像を配置する方法を定義します。たとえば、要素の下端に沿ってのみ繰り返す必要がある小さなドロップシャドウ画像がある場合は、次を使用できます。

background-repeat: repeat-x;
background-position: bottom left;

または、要素の右下隅にのみ表示したい画像がある場合は、次のようにします。

background-position: bottom right;

background-positionは、次の形式のピクセル値も受け入れます。

background-position: xpos ypos

より細かい粒子制御のために。

于 2009-06-24T18:42:00.577 に答える
1
于 2009-06-24T18:41:10.300 に答える
1

W3Schoolsには、これらの要素についてのかなり良い説明があります。

background-attachment:背景を固定するか、ページとともにスクロールするかを決定します。

background-position:ページに対する背景の位置を決定します(上部中央右下、ピクセル値などの値)

于 2009-06-24T18:41:22.763 に答える
1

background-attachmentプロパティは、背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します。

  • スクロール
    • 背景画像はページの残りの部分と一緒にスクロールします。これはデフォルトです
  • 修繕
    • 背景画像は固定されています
  • 継承する
    • background-attachmentプロパティの設定を親要素から継承する必要があることを指定します

background-positionプロパティは、背景画像の開始位置を設定します。

注:これをFirefoxおよびOperaで機能させるには、background-attachmentプロパティを「fixed」に設定する必要があります。

于 2009-06-24T18:43:44.460 に答える
1

背景の添付ファイルは、背景がWebページと一緒にスクロールするかどうかを指定します。

背景-添付ファイル:修正済み。たとえば、ユーザーがWebページを下にスクロールしても、背景が移動しないように、背景を修正します。

背景-添付ファイル:スクロール; ページとともに背景をスクロールさせます。

詳細はこちら:http ://www.w3schools.com/Css/pr_background-attachment.asp

背景位置には2つの引数があります。x位置とy位置。元の背景画像が表示される場所を指定します。原点はコンテナの左上にあります。

詳細はこちら:http ://www.w3schools.com/css/pr_background-position.asp

于 2009-06-24T18:44:12.790 に答える
1

W3の背景から-添付ファイル

background-attachmentプロパティは、背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します。

ここのような背景画像があるとしましょう(きれいな山々を見てください)。

background-attachmentプロパティが「fixed」に設定されている場合、ページをスクロールすると、背景は固定されたままになります。ページの内容はスクロールしますが、背景画像はスクロールしません。

このページと比較してください。側面の背景の落書きが表示されますか?下にスクロールすると、それらの図面もページとともにスクロールします。これは「スクロール」選択の例です。これは、投稿したCSSスニペットに含まれているものです。

于 2009-06-24T18:44:41.680 に答える
0
background-position: is used to define the anchor point of the image on the screen like top left  or bottom right

background-attachment defines whether the background image will scroll with the contents
于 2009-06-24T18:51:41.420 に答える