box-shadow自行删除

Question

我有点担心以下问题：

我有一个div .pagebody，其中包含一个分配的框阴影：

-webkit-box-shadow: 0px 1px 10px -2px rgba(71,71,71,0.42);
box-shadow: 0px 1px 10px -2px rgba(71,71,71,0.42);
-moz-box-shadow: 0px 1px 10px -2px rgba(71,71,71,0.42);

现在我注意到在一次测试中（在chrome中），经过一段时间（几次页面刷新并点击一些锚点）后，boxshadow自行移除（刷新后它仍然被移除）。 当我在chrome中打开控制台日志时它应该仍然在那里，但无论我做什么我都无法重新出现。

我做了一些研究并尝试了一些不同的东西来解决这个问题并得出以下结论：

当我删除-moz-box-shadow时，它再次出现并且似乎工作正常。当我再次应用-moz-box-shadow时，它再次正常工作几次，它再次消失。

现在我找到了以下修复：

@-moz-document url-prefix() {
    .pagebody {
        -moz-box-shadow: 0px 1px 10px -2px rgba(71,71,71,0.42);
    }
}

这很好（即使它不是最好的溶剂）。有没有人知道这里会出现什么问题？或者对这个问题有更清晰的解决方法？

聚苯乙烯。我复制了pagebody div + css并将其粘贴到一个新项目中，它也是如此，所以它看起来与我的其余代码无关。

-edit -

我在chrome buglist中搜索但直到现在我无法找到报告的bug。 我也忘记了我正在使用Sass。

提前致谢！

Answer 1

看起来我发现了这个问题。看起来它与scss有关。我将我的scss转换为css，现在它工作正常。