Heim > Web-Frontend > HTML-Tutorial > background 图片的问题_html/css_WEB-ITnose

background 图片的问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:23:32
Original
1204 Leute haben es durchsucht

网站背景是一个整张大图,网页内容多了,就会repeat-y整张大图,现在把大图分成三段header footer 和中间的部分,现在想让header永远在最上面,中产是的这部分,如果页面内容多就repeat-y,footer永远在最下面。
各位大神求帮助。


回复讨论(解决方案)

现在把大图分成三段header footer 和中间的部分
re:
这三段还在一张图里?

background:transparent url(xxx.png) no-repeat scroll ?% ?%;
Nach dem Login kopieren
Nach dem Login kopieren


?% ?%界定header ,footer ,中间的高度

现在把大图分成三段header footer 和中间的部分
re:
这三段还在一张图里?

background:transparent url(xxx.png) no-repeat scroll ?% ?%;
Nach dem Login kopieren
Nach dem Login kopieren


?% ?%界定header ,footer ,中间的高度

已经切开变成3张图了

#header{...} #body{background:url(footer.png)repeat-y center center}#footer{background:url(footer.png)no-repeat center center}
Nach dem Login kopieren
Nach dem Login kopieren

#header{...} #body{background:url(footer.png)repeat-y center center}#footer{background:url(footer.png)no-repeat center center}
Nach dem Login kopieren
Nach dem Login kopieren


谢谢我试一下,敢问大神QQ多少

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage