Я замечаю интересную проблему с моим сайтом.У меня есть раздел со статическим фоновым изображением, и когда вы прокручиваете, поверх него появляется цитата и кнопка (в конечном итоге, будет ссылка на магазин).Насколько мне известно, это работало в прошлом, но вчера я заметил, что через несколько секунд фоновое изображение исчезло, заменив его просто серым фоном.Изображение будет немного мерцать, а затем будет постоянно заменено серым фоном.
Вот мой HTML:
<section class="bar background-image-fixed-2 no-mb color-white text-center">
<div class="dark-mask"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="icon icon-lg"><i class="fa fa-leaf"></i>
</div>
<h3><em>"Herb is the healing of a nation" - Bob Marley</em></h3>
<p class="text-center">
<a href="#" class="btn btn-template-transparent-black btn-lg">Get Some</a>
</p>
</div>
</div>
</div>
</section>
Вот мой CSS:
.bar.background-image-fixed-2 {
background-image: url('../img/fixed-background-2.jpg');
background-position: center center;
background-repeat no-repeat;
background-attachment: fixed;
background-size: cover;
}
URL-адрес изображения правильный, потому что он изначально загружается на пару секунд.Первоначально это было написано кратко, но некоторые предложения, которые я видел, рекомендовали сделать длинную форму для CSS.Я разделил это, но это, кажется, не имеет значения.
Фактический взгляд (неправильный): 
Ожидаемый взгляд (который я получаю заза несколько секунд до того, как оно изменится автоматически):
Редактировать:
Вот скрипка (хотяв нем отсутствует какой-то javascript, поэтому он будет выглядеть забавно).