html - 部分的背景阴影

Question

请求的样式在这里（图片）：

开发的就在这里（图片）：

我使用了以下样式，但与请求的样式不同：

<section style="box-shadow: 0px 2px 16px #999;">
My content
</section>

我应该使用 box-shadow 并更改值还是有另一个 css3 可以使用的属性？

Answer 1

尝试使用带有 Alpha 通道的 RGB，例如：

box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

这使阴影变为黑色 (#000000)，不透明度等于 0.2 (20%)。

JSFiddle的示例与您所展示的内容相近。

只需确保检查浏览器对rgba().