Я два дня пытался использовать разные сообщения и методы, пытаясь понять это. Я призываю всех к START, глядя на сообщение Яйца, и возиться с кодепином, который он и другие создали.
Это было единственное решение, которое я нашел для себя правильно. Я рекомендую его ответ в качестве решения / хорошей отправной точкой для тех, кто из нас все еще выясняет эту проблему в наших собственных веб-приложениях.
Я еще не получил достаточной репутации, чтобы прокомментировать его сообщение, иначе я бы. Я даже не могу проголосовать за это, но я тоже это сделаю.
Это фактический код, который я использовал:
html::before {
content: ' ';
display: block;
background-image: url('path-to-your-image');
background-position: bottom left;
/*For my instance this is how I have built my bg image. Indexes off the
bottom left for consistency*/
background-size: cover;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: -10;
/*I haven't tested my full app functionality after changing the z-index, but everything appears to work flawlessly right now.*/
}
Я попробовал все с его оригинальным кодом. Когда у меня был
background-position: center;
хром (при последнем обновлении Android от 1/8/18), он будет отставать от обновления положения изображения, поэтому при прокрутке веб-сайта будет патч цвета, navbar / URL-адрес браузера. Затем он исчезнет после того, как браузер пересчитает центр изображения (это то, что я предполагаю, что это происходит).
Итак, я рекомендую сделать изображение вокруг вашего нижнего колонтитула или заголовка, как я, и установить верхний левый / правый или внизу слева / справа для вашей позиции.
Итак, ЭТО РАБОТАЕТ для меня. Поэтому попробуйте, если вы читаете это далеко, и ничего еще не сработало. Хотя вы уже должны были ударить исходный пост.
Спасибо, Яйца, и другие товарищи, с которыми вы сотрудничали в своем кодеде.