0

请看看这个测试网站。我已经在标题和主要内容区域的容器周围应用了 box-shadow。有人可以告诉我是否有可能将阴影放在头顶上，这样它们之间就没有空隙了？（见屏幕截图）

在此处输入图像描述

4

3 回答 3

2

我认为这是尽可能接近的：

box-shadow: 6px 10px 4px -4px #222222, -6px 10px 4px -4px #666666;

只需将标题阴影向下移动一点，以便它们与内容框阴影混合。

于 2013-08-15T15:35:36.720 回答
1

尝试这个

.banner > .container {
-webkit-box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
margin-top: 20px;
}
于 2013-08-15T15:36:50.493 回答
1

您应该创建一个容器<div>来用 a 包裹您想要的所有内容box-shadow，然后将box-shadowonly 应用于该<div>.

于 2013-08-15T15:37:34.387 回答