与盒2周的div问题阴影

我有2个的div，其中第一个是在顶部，第二个是低于...与盒2周的div问题阴影

我已经添加阴影第一个div是在上面，看起来很好。

box-shadow: 0px 5px 5px #000000; 
-moz-box-shadow: 0px 5px 5px #000000; 
-webkit-box-shadow: 0px 5px 5px #000000;

但是，当我在第二个div是下面，首先失去了它的影子......或者我不知道怎么回事......

添加一个渐变的CSS，我需要能够看到第一个阴影，但没有为下面的第二个div添加边距。

感谢

编辑： 我的标记是：

<div id="header"> 
    <div class="960width"></div> 
</div> 
<div id="content"> 
    <div class="960width"></div> 
</div>

我的CSS是：

#content{ 
    background: #e5e5e5; 
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0); 
    background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    padding-top:15px; 
} 

#header{ 
    background: #ffffff; 
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0); 
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
    padding:5px; 
    box-shadow: 0px 5px 5px #000000; 
    -moz-box-shadow: 0px 5px 5px #000000; 
    -webkit-box-shadow: 0px 5px 5px #000000; 
}

来源

2011-09-24 fxuser

，什么是两个div元素的完整的CSS？和加价？ –

我已更新问题，谢谢。 – fxuser

检查它的工作对我来说 [JSFiddle]（http://jsfiddle.net/VHja7/1/） – Sanooj

这是HTML标签：

<div id="top"> 
     <div id="back"> 
      [Content] 
     </div> 
</div>

你的CSS是好的，你只需要改变你的HTML标记，如果你这样做，你的问题是修复... look at this Fiddle，我认为这是你的意思...

PS：如果你给宽度顶端DIV，你会看到阴影左，右......

PS2：我改变了“ID”的名字......

来源

2013-05-24 15:49:36

与盒2周的div问题阴影

回答

相关问题