部分的背景阴影

时间:2013-07-18 16:16:33

标签: html css3

请求的样式在这里(图片): enter image description here

开发的就在这里(图片): enter image description here

我使用了以下样式,但它与请求的不一样:

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

我应该使用box-shadow和更改值还是css3可以使用另一个attribut?

1 个答案:

答案 0 :(得分:1)

尝试将RGB与alpha通道一起使用,例如:

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

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

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

请务必检查rgba()的{​​{3}}。