-1

背景应显示在所有 div 中，但不可见。

http://jsfiddle.net/uxUqJ/1/

我需要在所有 div 中显示我的背景。背景在样式容器 div 中定义。等等。

<div id="container">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
</div>

我怎样才能解决这个问题？

4

6 回答 6

3

我认为您需要添加overflow:auto;到您的 CSS 中...我还删除了引号

#content{
    width:1049px;
    overflow:auto;
    background: #000 url(http://s1.wp.com/wp-content/themes/pub/dark-wood/images/postflowerback.png) ;
}

Div 目前没有高度......但是关于重复或位置，您想对背景做什么，这是一个很好的参考点https://developer.mozilla.org/en/CSS/background

于 2012-06-08T09:29:46.727 回答
1

您必须指定height属性和repeating背景集。

#content{
    width:349px;
    height: 700px;
    ...
}
于 2012-06-08T09:29:54.933 回答
1

或者，您可以<div style="clear:both;"></div>在 text3 结束后添加。即使它们是浮动的，这也会在元素周围拉伸容器 div。

于 2012-06-08T09:34:42.013 回答
0

将您的 css 更改为智能方式

 <style>#content{ display:table;
    width:1049px;

    background: url("image_src") ;


}
#text{
  display:table-row;
    width:1049px;   
    padding-left:27px;
    padding-right:28px;}

#text_1,#text_2,#text_3{ display:table-cell;


    padding-left: 40px;
    width: 278px;
}#text_3{
    padding-right:40px;
}


</style>
于 2012-06-08T09:36:18.313 回答
0

清除#textdiv。

添加以下样式：

#text {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

#text:after {
    content:"";
    display:table;
    clear: both;
}

演示：http: //jsfiddle.net/uxUqJ/13/

于 2012-06-08T09:32:55.710 回答
0

你有你的元素浮动。您需要在关闭包装元素之前清除浮动，以便#content正常增长：

请参阅此工作小提琴示例！

将您的标记更改为：

<div id="content">
  <div id="text">
    <div id="text_1">...</div>
    <div id="text_2">...</div>
    <div id="text_3">...</div>
    <div style="clear:both;"></div>  <!-- Add this line -->
  </div>
</div>

此外，您可以删除内联样式并使用类。

于 2012-06-08T09:34:54.817 回答