我在按钮上添加了阴影和背景,但是阴影导致背景被中断和破坏,如以下屏幕截图所述。
奇怪的是,当我删除按钮的框阴影时,问题消失了。
这是我的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/