Невозможно установить фоновый элемент в фиксированное положение

Question

У меня возникли проблемы с настройкой фонового изображения на то место, где оно сосредоточено на экране при прокрутке вниз по мобильному устройству.

В настоящее время фон моего сайта при прокрутке на моем рабочем столе так же, как я хочу. Проблема заключается в мобильных устройствах и по какой-то причине при использовании инструментов dev для просмотра сайта на мобильных разрешениях он отлично работает, но когда дело доходит до реальной практики, оно не работает.

Может кто-нибудь, пожалуйста, помогите мне понять это?

Мой текущий код:

body.custom-background, #custom-background-css { 

    background-position: center center !important; 
    min-height: 100%; 
    background-repeat:no-repeat; 
    background-attachment: fixed; 
} 

Мой сайт: test.ebdesigns.us (WordPress платформа)

Кроме того, при просмотре исходного кода что-то производить это и не знаю. Это может повлиять на это.

<style type="text/css" id="custom-background-css"> 
body.custom-background { background-image: url('http://www.test.ebdesigns.us/wp-content/uploads/2015/07/NewColumbis51Logorev101.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } 
</style> 

Answer 1

На самом деле некоторые плагин посылает это «body.custom-фон» ваш CSS, но это не так

Изменить код сказать> фон положение: «верхний центр», вместо «центр центра». Это будет делать

** Если вы хотите сохранить центральный центр, вы должны обеспечить высоту основного контейнера (корпус)

body.custom-background, #custom-background-css {  
    background-position: center center !important; 
    min-height: 100%; 
    background-repeat:no-repeat; 
    background-attachment: fixed; 
    height:100vh; 
} 

Приветствия. joy