我的后备图片一直在我的C​​SS中加载

Question

我为登录框中的某些渐变添加了后备图像，但我已经在现代的firefox和chrome中实现了它跳过代码并直接进入后备图像。

background:-moz-linear-gradient(19% 75% 90deg,#0177a9, #53c3e8);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53c3e8), to(#0177a9));
background-color: #0177a9;
background: url(../images/signin.png);
background-repeat: repeat-x;
background-position: -5px -13px;

后备图片实际上只是登录框的屏幕截图，但它看起来与通过CSS3渐变形成时的外观相同。

如果我拿出了后备图片和颜色，它会为每个浏览器加载正确的webkit或moz，但是只要我放回后备就会加载回退。

我知道它使用了后备，因为我将它的位置设置在一个错误的角度，只是为了看它是否正在加载它确实。谁能帮我？它的发生并没有意义。

谢谢！

Answer 1

如果它是一个后备，那么你需要在渐变定义之前得到图像，否则它只是覆盖它们。

Answer 2

将URL放在其他所有内容之前。订购可能就是为您做的。

Answer 3

通常，最后一条指令否决了前一条指令。尝试将“background：url”作为文件中的第一个。如果这没有帮助，我没有看到纯CSS解决方案。使用JS（查看modernizer库进行特征检测）。