Мое резервное изображение продолжает загружаться в моем 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 для каждого браузера, но как только я вставляю запасной вариант, он загружает запасной вариант.

Я знаю, что он использует запасной вариант, потому что я установил его положение под неправильным углом, чтобы посмотреть, загружается ли он, и сделал это.,Может кто-нибудь мне помочь?Не имеет смысла, что это происходит.

Спасибо!

Answer 1

Если это запасной вариант, вам нужно иметь изображение ПЕРЕД определениями garadient, в противном случае оно просто переопределит их.

Answer 2

Обычно последняя директива отменяет прежнюю.Попробуйте поместить "background: url" в качестве первого в файле.Если это не поможет, я не вижу чистого решения CSS.Используйте JS (посмотрите на библиотеку модернизатора, чтобы определить функции).

Answer 3

Поставь URL перед всем остальным. Заказ может быть то, что делает это с вами.