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

巴扎黑
リリース: 2017-07-21 09:17:56
オリジナル
6249 人が閲覧しました

今日、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 サイトの他の関連記事を参照してください。

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