transparency - 可能有一个完全透明的嵌入框阴影吗？

Question

是否可以让两个带有盒子阴影的 div 与完全透明的边缘重叠？在我的示例中，我想保留渐变的圆形边缘，但重要的是通过渐变可以看到底层框。但是你可以看到褪色的边缘不是完全透明的，所以它会显示一个白色的边框，而不是让蓝色透过..

是否可以在不使用 png 或类似工具的情况下完成这项工作？

例子

.bg {
    background-image: -moz-linear-gradient(right top , rgba(255, 255, 255, 0) 0%, #FF0000 100%);
    box-shadow:  0 0 90px 90px rgba(255, 255, 255, 0) inset;
    -webkit-box-shadow:  0 0 90px 90px rgba(255, 255, 255, 0) inset;
    -moz-box-shadow:  0 0 90px 90px rgba(255, 255, 255, 0) inset;
    opacity: 0.7;
    position: absolute;
}

Answer 1

我不知道插入框阴影是否可行；但是，您可以使用重叠元素的初始 box-shadow 使它们无缝重叠。

您所要做的就是给重叠元素一个与其背景颜色相同的盒子阴影颜色。

我在这里编辑了您的示例：（我没有复制所有特定于供应商的前缀，只是使用了 box-shadow）。

http://jsbin.com/orajot/4/edit