ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML画像がスクロールしないように設定する方法

HTML画像がスクロールしないように設定する方法

藏色散人
リリース: 2023-01-04 09:33:51
オリジナル
7205 人が閲覧しました

html画像をスクロールしないように設定する方法: まず、新しい HTML サンプル ファイルを作成し、index.html の <script> タグにコード「background-repeat:no-repeat;」を入力します。 </script>

HTML画像がスクロールしないように設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

1. まず、HTML エディタを開いて、新しい HTML ファイル (例:index.html)、問題の基本コードを記述します。

HTML画像がスクロールしないように設定する方法

2.index.html の <script> タグに、次の JS コードを入力します: style="background-image:url(image.jpg);background-繰り返し:繰り返しなし;背景添付:修正済み"。 </script>

HTML画像がスクロールしないように設定する方法

#3. ブラウザは、index.html ページを実行します。このとき、スクロール バーは引っ張られ、ページのコンテンツは移動できますが、背景画像は移動しません。 。

HTML画像がスクロールしないように設定する方法

[推奨学習: HTML ビデオ チュートリアル ]

以上がHTML画像がスクロールしないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート