У меня есть следующий код:
<div id="main" style="position:absolute">
<div id="container" style="position:relative;z-index:1">
<div id="bgd" style="position:fixed; z-index:1"></div>
</div>
<div id="content" style="position:absolute; z-index:15;"></div>
</div>;
Что я получу?
iOS 13 - содержимое более bgd
Desktop Opera 65 - содержимое более bgd
Android 5 WebView 67 - то же самое
Android 4 WebView 75 (или что-то в этом роде) - то же самое
Android 7 WebView 77 - то же самое
IE 11 - тоже самое
Теперь я купил новый телефон для тестирования, он работает под Android 8.1, chrome - 69.
- Итак, новый телефон - контент позади bgd.
Пожалуйста, скажите мне, что делать. Я много чего перепробовал
Кстати это Android Go смартфон
Редактировать
Основной переполнение- y прокручивается, а содержимое точно переполняет главное, поэтому может быть прокручено. Я поставил document.getElementById("content").style.zIndex=15 в main.onscroll, и теперь это работает, также в моем новом телефоне.