Firefox Bug或CSS问题

Question

我在按钮上添加了阴影和背景，但阴影会导致背景中断和破坏，如下面的屏幕截图所示。

奇怪的是，当我删除按钮的阴影时，问题就会消失。

这是我的CSS：

.btnx3{
    background: #4687DF;
    border: 1px solid #2667BF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    padding: 5px 10px;
}

我使用的是Firefox 29.0.1，但是让我问这个问题的原因是我有其他按钮而我没有这个问题。

我确保重新启动浏览器，升级到30.x.x，但问题仍然存在。

修改 我在JsFiddle上测试了相同的代码，它正常工作：http://jsfiddle.net/nemzL/

Answer 1

这不是CSS问题，它显然是一个Firefox错误。出于某些原因：

1. Chrome和其他浏览器没问题。
2. 当您更改其他的css属性时，问题就解决了 elements：与容器的margin-top或边框一样，或者 删除阴影等......
3. 相同的按钮，相同的CSS代码在不同的页面中正常工作。 （如果我将按钮移动到另一个地方）

我会忽略这个问题，因为它与您可以看到的浏览器有关。

谢谢，