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 颜色（仅当blur参数为0且您必须向下滚动时）。

shadow](http://i.imgur.com/qtxrTLz.png)![shadow

这是一个已知的错误吗？你知道解决方案吗？

这是HTML：

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

更多CSS：

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

在此处查看示例：http://jsfiddle.net/gerardbm/d7d4u5rf/ 您需要在Firefox中打开它以查看阴影是如何工作的。

Answer 1

＆＃34; Gecko 13（Firefox 13）删除了对-moz-box-shadow的支持。从那时起，只支持无前缀版本。＆＃34;在Notes部分中找到此here。这有助于解释您的行为吗？

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

1 个答案: