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

WBOY
WBOYオリジナル
2016-06-24 12:23:321205ブラウズ

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;}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。