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

是否可以在长方体阴影上设置透明度

这是我的代码：

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

我想

rgba（）

可以在这里工作。毕竟，浏览器对和的支持大致相同

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

div{
宽度：200px；
高度：50px；
线高：50px；
文本对齐：居中；
颜色：白色；
背景色：红色；
利润率：10px；
}
a组{
盒影：10px 10px 10px#000；
}
b组{
盒影：10px 10px 10px rgba（0,0,0,0.5）；
}

100%黑色阴影
50%黑色阴影

对我来说很有效，解决了基于颜色的阴影只适用于给定背景的巨大问题，因此你需要根据阴影所覆盖的内容重新设置阴影的样式，这通常是不可能的（一个覆盖照片和白色背景的div，在这种情况下，阴影在照片上方看起来很苍白）@Jeremyclark我也遇到过同样的问题，我需要一个按钮的阴影来处理多个背景色，而不必为每个背景定义唯一的阴影色。透明黑色就像真实的阴影。rgba（）不适合我，如果我想更改chrome的

输入：-webkit autofill

它总是chrome的，不是吗。@Chris K:恐怕你不能单独从原始的框阴影声明中执行此操作。最接近的是使用rgba（）和CSS变量，但这意味着不支持命名颜色，并且必须将这些变量应用于框阴影声明本身。背景色也有类似的限制，包括。也看到