是否可以在 CSS3框阴影中设置透明度？

小开

最佳答案

我认为 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>