ビデオ：CSSのスケーラブルな背景

CSSを使用して視差スクロール効果を作成するにはどうすればよいですか？ - アタッチメントプロパティとその価値を固定に設定します。これにより、コンテンツがスクロールしている間、背景画像が固定されたままになります。例は次のとおりです。

body {
background-image：url（ 'image.jpg'）;
background-atchathment：fixed;
}

どうすればよいですかCSSを使用して、フルスクリーンの背景画像を作成しますか？

CSSでフルスクリーンの背景画像を作成するには、バックグラウンドサイズのプロパティを使用して、その値を カバー。これにより、コンテナ全体をカバーするために画像をスケーリングします。例は次のとおりです。

body {
background-image：url（ 'image.jpg'）;
background-size：cover;
height：100vh;
}

CSSの背景画像の不透明度を変更するにはどうすればよいですか？

CSS背景画像の不透明度を変更するには、:: afterを使用できます。特定の不透明度でオーバーレイを作成するための擬似要素。例は次のとおりです。

body :: after {
content： '';
background：url（ 'image.jpg'）;
ofacity：0.5;
top：0 ;
左：0;
下：0;
右：0;
位置：絶対;
z-index： -1;
}

以上がビデオ：CSSのスケーラブルな背景の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。