可以在CSS3方框阴影中设置透明度吗？
可以在CSS3方框阴影中设置透明度吗？
提问于 2011-03-28 20:03:40
可以在长方体阴影上设置透明度吗？
这是我的代码：
box-shadow:10px 10px 10px #000;
-webkit-box-shadow:10px 10px 10px #000;
-moz-box-shadow: 10px 10px 10px #000;回答 1
Stack Overflow用户
回答已采纳
发布于 2011-03-28 20:05:20
我想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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5458716
复制相关文章
相似问题