背景不显示在repeat-y中

时间:2010-11-05 20:16:28

标签: css background repeat

左右div(列)的背景未显示。但是当显示添加“height:xx px”时。 但我的内容div很灵活。解决这个问题? TNX。 我的代码是:

<div style="background:url("image/l.png") repeat-y;float:left;width:3px;height:auto;" id="left"></div>
<div style="width: 613px;background:#fff;" id="center">
  <p>contents</p>
  <p>contents</p>
  <p>contents</p>
  .
  .
  .
  .
  .
  .
</div>
<div style="background:url("image/r.png") repeat-y;float:left;width:3px;height:auto;" id="right"></div>

3 个答案:

答案 0 :(得分:0)

lr。png组合在一起,使它们在#center上垂直重复1个背景图像,或者如果需要,将它们放在中心元素的父元素上。

答案 1 :(得分:0)

最有可能是双引号...为了获得最佳实践,请尽量保持您的CSS外部。猎人的所作所为是完美的。

答案 2 :(得分:0)

摆脱双引号。使用url()时不需要引号。