Firefox 中的框阴影颜色

Question

我正在尝试融合一个块及其box-shadow。

问题是：box-shadow Firefox 中的起始颜色不对。而且好像有点透明。

因此，我（和我的客户）可以看到块与其阴影之间的边界，这在我的情况下最终是不可取的。

http://jsfiddle.net/v9Bzn/3/

<div class="white">
    <div class="black black-shadow"></div>
</div>
<div class="black">
    <div class="white white-shadow"></div>
</div>

.white {
    background: white;
}
.black {
    background: black;
}
.white-shadow{
    box-shadow: white 0 0 20px 30px;
}
.black-shadow{
    box-shadow: black 0 0 20px 30px;
}

Firefox 25.0.1（不正确）

铬 31.0.1650.57 (235101)（正确）

我可以使用#fcfcfc 而不是white，但边框会出现在 Chromium 中。

如何使box-shadow 的颜色与其div 相同？

更新

是的，问题很微妙。我可以在这张图片上看到 2 种颜色（用颜色代码放大了不正确的图片）：

是我的显示器让我的问题更加明显。但是在 Chromium 中没有这样的问题。

看起来像一个小错误，但对于某些网页设计来说可能很明显。

Answer 1

我在浏览器中看不到问题，但尝试用这些替换您的课程

.white-shadow{
    -moz-box-shadow: white 0 0 20px 30px;
    -webkit-box-shadow: white 0 0 20px 30px;
     box-shadow: white 0 0 20px 30px;

}
.black-shadow{
    -moz-box-shadow: black 0 0 20px 30px;
    -webkit-box-shadow: black 0 0 20px 30px;
     box-shadow: black 0 0 20px 30px;

}