Question

我有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;
}

Answer 1

这是HTML标记：

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

你的CSS很好，你只需要更改你的HTML标签，如果你这样做，你的问题就解决了...... look at this Fiddle，我想这就是你的意思......

PS：如果你给了顶部DIV宽度，你会看到左右两侧的阴影......

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

2 divs与框阴影的问题

1 个答案: