css - 我的后备图片一直在我的 CSS 中加载

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，但是一旦我放置后备图像，它就会加载后备图像。

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

谢谢!

Answer 1

如果它是后备，那么你需要在 garadient 定义之前有图像，否则它只会覆盖它们。