我在按钮上添加了阴影和背景,但是阴影导致背景被中断和破坏,如以下屏幕截图所述。



奇怪的是,当我删除按钮的框阴影时,问题消失了。

这是我的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/

最佳答案

这不是CSS问题,显然是Firefox错误。由于某些原因:


在chrome和其他浏览器上没有问题。
更改其他CSS属性时,此问题已解决
elements:类似于容器的顶部或边框,或者
去除阴影等...
相同的按钮和相同的CSS代码可在不同页面中正常工作。 (如果我将按钮移到另一个地方)


我将忽略此问题,因为正如您所看到的,它仅与浏览器有关。

谢谢,

关于css - Firefox Bug或CSS问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24241034/

10-12 00:10
查看更多