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

一个关于CSS背景贴图的问题
背景图片从上到下切为3部分,其中头部分有渐变,渐变到一定颜色后为中间部分,重复,然后是尾。这个框中 要放一个表格,由于头部分较长,不可能全部空出来,将表格放在中间段。我想请问对于这样的问题,有没有办法在不破坏表格的情况下实现这种背景。恳请各位看官解答,不胜感谢。
另外还有一个这样的问题~
<div id="container" style="position:absolute;">
<div id="outer"style="position:relative;bacakground-image:url(head.jpg);">//包含头
 <div id="inner_1" style="position:relative;">something...</div>
 <div id="inner_2" style = "position:relative;background-image:url(body.jpg);">
  <table id="center" style = "position:relative;">
  <!--tbody-->
  </table>
 </div>
 <div style="position:relative;background-image:url(bottom.jpg);"></div>
</div>
当这样嵌套时,如果table较长,inner_2得到了拉伸,但是outer却没有拉伸,我想请问这种拉伸是不能传递的么。。还是需要加什么条件。


------解决方案--------------------
因为你用的都是定位
定位会“占用独立的空间”

感觉就像浮在父容器之上

这样父容器又怎么能包含它,自适应它的宽度和高度呢?
------解决方案--------------------
背景图片不会自动拉伸长度,只能是重复或者不重复,就你的描述来推测,给outer定一个background-color
------解决方案--------------------
看这篇文章

http://www.cngothic.com/20080421/div-css4-min-height.html