Webページのフッターの背景画像

今日、Web サイトのフッターに背景画像を追加し、フッターの下部にコンテンツを書きたいと思いました。そこで、フッターに背景を追加し、フッターのサイズを設定しました。いくつかの言葉から始めましょう。 方法:

1. フッターの下部に背景を追加し、そのサイズを設定します

2. フッター内に div を追加し、コンテンツを書き込みます

問題: コンテンツマージンやパディングが使用されている場合は、固定値を指定する必要があります。そのため、Baidu は独自の考えに基づいて解決策を見つけました。

1 padding-top: 410px;2 background: url('./img/footer.jpg') no-repeat center;3 background-size: 100%;4 background-position:top center;

原則として、パディングは背景画像などのコンテンツで埋めることができるので、フッターのパディング - 上部を押し上げると、背景画像も上に移動できます。 もちろん、背景も変更する必要があります。この関数は、パディングが透明であるという原理を利用して実現されています

皆さん、考えてみましたか

以上がWebページのフッターの背景画像の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。