Css 浮动div：你能给它们投下阴影吗？

我正在创建一个有三列内容的网站

导航浮动：左

以主要内容为中心

右列浮动：右 有没有可能在这三个区域都投下阴影

---

我试过了，想知道div是否会禁止最终结果，但没有效果？

有多种方法可以实现背景阴影

1） 为div提供背景url作为放置阴影图像，并留下一些空白：5px，这使show看起来像放置阴影

2） 获取四个图像，如topright、right、bottomright和BottomImage，并将它们逐个放置在div之后

选择任何对你来说容易的，它应该工作完美。请参阅下面的链接了解一些示例

我们在图像的以下位置实现了放置阴影

使用firebug，您可以看到我们是如何实现的，这是第二种方法

---

如果您有更多问题，请告诉我。

当然，您可以同时对所有这些问题应用drop shadow，如果您同意此处列出的浏览器支持，一个解决方案就是简单地使用CSS3 box shadow

只需简单地将容器的所有三个选择器作为目标，如下所示

.container-left, .container-middle, .container-right { }

然后像这样应用框阴影（不要忘记浏览器前缀） 我使用的是RGBA，所以我们也可以设置Alpha透明度，但也可以使用HSLA。

---

希望这是有帮助的。

可能值得发布一个或多个演示来重现问题（我们也可以看到您正在使用的（x）html）。浮动不会影响阴影，好吧。问题可能在其他地方。

.container-left, .container-middle, .container-right {
    -webkit-box-shadow: 0 0 9px rgba(20, 0, 0, 0.53);
    -moz-box-shadow:    0 0 9px rgba(20, 0, 0, 0.53);
    box-shadow:         0 0 9px rgba(20, 0, 0, 0.53);
}