为什么这个阴影在 Firefox 中不起作用？

Question

老实说，我不知道如何在阴影上询问这种奇怪的行为，因为我使用的是 CSS 标准，令我惊讶的是，它无法正常工作：

看看这个款式：

.light.boxed {
/*  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03),
        0 0 0 1px rgba(4, 4, 4, 0.06);*/
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03),
        0 0 0 1px rgba(4, 4, 4, 0.06);
/*  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03),
        0 0 0 1px rgba(4, 4, 4, 0.06);*/
}

Firefox Dev Edition 应该会显示从 -moz-box-shadow 中获取值的阴影，但事实并非如此。它什么都不显示。它直接从 box-shadow.

中获取值

此外，当我取消注释 box-shadow 时，它会在 Firefox 上显示阴影，但是当我向下滚动页面时，它会在渲染中显示出一些不规则；我的意思是，在某些时候阴影变暗了，最后又变亮了。 Firefox 似乎无法正确呈现 rgba 颜色（仅当模糊参数为 0 且您必须向下滚动时）。

这是一个已知错误吗？你知道解决办法吗？

这是HTML:

<body class="light boxed"></body>

还有更多CSS:

.boxed {
    margin: 0 auto;
    width: 1000px;
}

看这里的例子：http://jsfiddle.net/gerardbm/d7d4u5rf/ 需要在Firefox中打开才能看到影子是怎么不起作用的。

Answer 1

"Gecko 13 (Firefox 13) removed support for -moz-box-shadow. Since then, only the unprefixed version is supported." 在注释部分找到了这个 here。这是否有助于解释您的行为？

为什么这个阴影在 Firefox 中不起作用？

Why is this shadow not working in Firefox?

css

firefox