日期:2014-05-17  浏览次数:20623 次

菜鸟请教一个CSS的问题,谢谢。
<div class="bigbg">
  <div class="topbg"><img src="images/top.jpg"></div>
  <div style="clear:both"></div>
  <div class="footbg"><img src="images/foot.png"></div>
</div>

一个大div里面,分成上下2个div(里面插入了图)。

想要达到的目的:
1、topbg固定于顶部、绝对居中,宽2000px;
2、footbg永远固定于底部,绝对居中,宽2000px;
3、当不同尺寸显示器显示,footbg能上下移动,可以遮挡topbg,2个图片依然居中显示。

请问怎么样才能达到这样的要求,而又能支持多种浏览器呢?

菜鸟实在搞不定了。求助,,,谢谢。

------解决方案--------------------
固定的话,就设置position:absolute,顶部设置top。底部设置bottom,居中好像是text-align
------解决方案--------------------
http://bbs.csdn.net/topics/390422880?page=1#post-394221332