是否有可能在CSS3盒阴影设置透明度？

是否有可能在盒子阴影上设置透明度？

这是我的代码：

box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; -moz-box-shadow: 10px 10px 10px #000; 

Answer 1

我想rgba()会在这里工作。 毕竟，浏览器对box-shadow和rgba()的支持大致相同。

 /* 50% black box shadow */ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); 

 div { width: 200px; height: 50px; line-height: 50px; text-align: center; color: white; background-color: red; margin: 10px; } div.a { box-shadow: 10px 10px 10px #000; } div.b { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); } 

 <div class="a">100% black shadow</div> <div class="b">50% black shadow</div>