Firefox中的box-shadow颜色

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（不正确）

Chromium 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;

}