css 背景添付プロパティ
翻訳結果:
背景
UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]
n. (絵画など) 背景; 背景色; 背景情報; サウンドトラック
複数形: 背景
attachment
UK[əˈtætʃmənt] US[əˈtætʃmənt]
n. (メールで送信) 添付ファイル、添付ファイル; 添付ファイル、添付ファイル; 財産の差し押さえ<法律> 逮捕、差し押さえ (人、財産)
複数形:添付ファイル
css 背景添付プロパティ構文
background-attachment 属性を使用するにはどうすればよいですか?
background-attachment 属性は、背景画像を固定するか、ページの残りの部分とともにスクロールするかを設定するために、background-image 属性と一緒に使用する必要があります。設定可能: スクロール (背景画像は要素に対して固定されます)、固定 (背景画像はビューポートに対して固定されます)、ローカル (背景画像は要素のコンテンツに対して固定されます)。
関数: background-attachment プロパティは、背景画像が固定されるか、ページの残りの部分とともにスクロールするかを設定します。
説明:
scroll デフォルト値。ページの残りの部分がスクロールすると、背景画像が移動します。
修正済み ページの残りの部分がスクロールしても背景画像が移動しません。
loca 背景画像は要素のコンテンツに応じて固定されます。要素のコンテンツがスクロールすると、背景画像も常にコンテンツとともに移動します。
inherit は、background-attachment 属性の設定を親要素から継承することを指定します。
注: すべてのブラウザは、background-attachment 属性をサポートしています。
css 背景添付プロパティ例
<html> <head> <style type="text/css"> body { background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg'); background-repeat:no-repeat; background-attachment:fixed } </style> </head> <body> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> <p>图像不会随页面的其余部分滚动。</p> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します