Question

你怎么能消除顶部的阴影。如果CSS内置了一些东西，那将是完美的，但很少有。

这是一个实时example。

向下滚动到页面底部的页脚。我想消除假底部的顶部阴影。

由于

Answer 1

使用此：

#Background
{
-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.4);
box-shadow: 0px 1px 30px rgba(0,0,0,.4);
}

Answer 2

将此CSS应用于＃wrapper2

#wrapper2{border-radius: 0 0 12px 12px;
          -webkit-border-radius: 0 0 12px 12px;
          -moz-border-radius: 0 0 12px 12px;

}

这将解决您的设计，并通过包含带伪底类的div来提供您所需的相同输出。

此外，我也很想知道将假包括div的目的。它只是解决设计还是内容也是如此？

Answer 3

用于为顶部和底部阴影

添加一个框阴影

* 就像这样 *

    .container-wide{
    -webkit-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    }

如果你只显示顶部阴影而不是应用此css

.container-wide{
-moz-box-shadow: -1px -1px 1px 1px #ccc;
-webkit-box-shadow: -1px -1px 1px 1px #ccc;
box-shadow: -1px -1px 1px 1px #ccc;
}

没有顶盒阴影？

3 个答案: