Почему при добавлении свойства бекграунда fixed картинка перестает отображаться?

Question

[muav]

Использую на странице два абсолютно одинаковых блока с большой картинкой, которая во время прокрути должна оставаться на месте

<section id="big-big-img-1" class="pt-0 pb-0 dark text-center hidden-sm hidden-xs" style="    background: url('http://matrix-uav.ua/wp-content/uploads/2018/07/DSC0695822-e1532337731108-1.jpg') no-repeat center center;
		
    background-attachment: fixed;																		 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 800px;
">
	
</section>

Но в первом блоке вместо изображения - пустое место:



(если убрать свойство background-attachment: fixed; то картинка появляется), а во втором таком же блоке всегда все ок:



В чем магия?

Answer 1

[muav]

Нашел описание похожей проблемы. По ходу, все из-за видео
qaru.site/questions/202409/chrome-issue-with-backg...

И в другой ветке на тостере нашел решение:

-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;

Просто добавляем в нужный блок

Answer 2

[Расул Гитинов]

Попробуй вместо "background" написать "background-image". Repeat и Position тоже отдельно.

Comments

[muav]

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

[Расул Гитинов]

muav, Есть техническая ссылка, чтобы посмотреть?