ホームページ > ウェブフロントエンド > htmlチュートリアル > 背景画像の問題_html/css_WEB-ITnose

背景画像の問題_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:23:32
オリジナル
1205 人が閲覧しました

Web ページにさらに多くのコンテンツがある場合、全体像はヘッダー、フッター、中央部分の 3 つのセクションに分割されます。ヘッダーを常に上部に配置したい場合は、これが中間クラスのセクションです。ページに多くのコンテンツがある場合は、リピートすると、フッターは常に下部に表示されます。
親愛なる神々よ、どうか私を助けてください。


ディスカッションへの返信 (解決策)

次に、全体像をヘッダー フッターと中央の 3 つのセクションに分割します
re:
これら 3 つのセクションはまだ 1 つの画像内にありますか?

background:transparent url(xxx.png) no-repeat scroll ?% ?%;
ログイン後にコピー
ログイン後にコピー


?% ?% header 、 footer 、および中間の高さを定義します

次に、全体像をヘッダー フッターと中間部分の 3 つのセクションに分割します
re:
これら 3 つのセクションはまだ 1 つの画像内にありますか?

background:transparent url(xxx.png) no-repeat scroll ?% ?%;
ログイン後にコピー
ログイン後にコピー


?% ?% はヘッダー、フッター、中央の高さを定義します

は 3 枚の写真にカットされました

#header{...} #body{background:url(footer.png)repeat-y center center}#footer{background:url(footer.png)no-repeat center center}
ログイン後にコピー
ログイン後にコピー

#header{...} #body{background:url(footer.png)repeat-y center center}#footer{background:url(footer.png)no-repeat center center}
ログイン後にコピー
ログイン後にコピー


ありがとう、試してみます、マスターに聞いてみますQQ はいくらですか

#header {position:fixed top;}
#body{background-image:url(),background-repeat:repeat-y;}
#footer{position:fexedbottom;}

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