非スクロール CSS 背景を実装する方法: まず新しい HTML コード ページを作成し、次に
タグの後ろに <style> タグを作成し、次に <body> タグの背景を設定します。このタグ Picture; で、最後に「background-repeat:no-repeat;」属性を設定します。 </style>
推奨事項: 「css ビデオ チュートリアル 」
HTML 開発ソフトウェアを開き、新しい HTML コード ページを作成します。
##HTML コード ページの タグに複数行の段落テキストを入力します。これは、ブラウザのスクロール時に画像を表示するときにスクロール バーでスクロールするために使用されます。バースクロールストリップ。図
に示すように、背景画像のスタイルを設定します。
タグの後に<style>タグを作成し、このタグ内に<body>タグの背景画像を設定し、背景画像が重複しないようにします。 '<p>スタイルコード: <p><pre class="brush:php;toolbar:false">body{
background-image: url(img/bg.jpg);
background-repeat:no-repeat;
}</pre><p><img src="https://img.php.cn/upload/image/101/832/846/1605842667794518.png" title="1605842667794518.png" alt="非スクロールCSS背景を実現する方法"/> HTMLコードを保存した後、ブラウザで開きます。このとき、ブラウザのスクロールバーをスクロールすると、背景画像はブラウザとともにスクロールし、バーは何度もスクロールします。 <p><p><img src="https://img.php.cn/upload/image/943/102/700/1605842672440514.png" title="1605842672440514.png" alt="非スクロールCSS背景を実現する方法"/>background-attachment の使用: 背景画像がスクロール バーと一緒にスクロールしないように設定するように修正されました。 HTML コード ページに戻り、本文スタイルに「background-attachment:fixed」を追加します。 <p>示されているように、html コード ページを保存した後、ブラウザを更新します。この時点で、ブラウザのスクロール バーをスクロールすると、背景画像が修正されていることがわかります。ブラウザのスクロールと一緒にスクロールしません。写真のように<p><p><img src="https://img.php.cn/upload/image/399/323/641/1605842676462091.png" title="1605842676462091.png" alt="非スクロールCSS背景を実現する方法"/></style>
以上が非スクロールCSS背景を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
