Question

我有一个父Div，其中包含三个嵌套的Div'。根据我的要求，我必须添加父Div的背景图像，所有其他子部分应该在它之下，但父Div背景图像显示为一半父母Div，而我想完全显示父Div。我没有得到我所缺少的东西。

这是我的HTML ..

<div id="innerbody" class="inner-body">

 //First Div      

<div id="tele" style="margin-left:auto; margin-right:auto; width:1080px; height:325px;">
<div id="telec" style="position:inherit; float:left; width:180px; height:325px;">
<p style="padding-top:20px;">
<br /><br /><br /><br /><br />
 Telecommunication</p>
</div>
<div id="teledesc" style="position:inherit; width:870px; margin-top:20px; height:325px; float:left;">
</div>
</div>
</div>

  //Second and Third Div like this

</div>

这是我的css ..

 .inner-body
{
margin-left:auto; 
margin-right:auto; 
width:100%; 
height:1350px; 
margin-top:-20px; 
font-size:18px; 
color: #6c3f00; 
background: url('../img/new_images/innerbody_bg.jpg') center center no-repeat;
background-size: 100%;
}

请帮帮我..谢谢

Answer 1

我认为你的问题不够清楚，并没有提供小提琴，但你的意思是这样吗？

JSFiddle Demo

如果是，请将其添加到课程.inner-body：

display: table;
width: 100%;
background: url('../img/new_images/innerbody_bg.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

背景图像未显示在完整的Div中

1 个答案: