與盒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問題陰影

回答

相關問題