При прокрутке вниз страницы в Chrome мои фиксированные элементы фона мерцают и полностью исчезают в одной точке страницы. Я кодировал это в Chrome, и это только стало проблемой, так что я не уверен, что случилось.
Я пытался изменить положение на статическое, отсечение webkit, z-index, позиционирование фона, изменение повторения, все, что я мог найти. Кажется, я не могу заставить фиксированное изображение работать внутри div, чтобы выполнить это окольное исправление, поэтому мне было интересно, есть ли способ сохранить изображение в CSS.
#neverlosethatenergy {
width: 85%;
background: url(https://i.imgur.com/lw6rtk6.jpg) fixed repeat;
font: 24pt 'facile';
color: #ffbed2;
padding: 20px;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
}
#neverlosethatenergy .silence {
background-color: rgba(17, 14, 6, .75);
padding: 5px 5px 5px 7px;
}
<center>
<div id="neverlosethatenergy">
<font class="silence">TITLE</font>
</div>
</center>
Вы можете найти проблему здесь . Вопрос только в Chrome. В других браузерах все работает нормально.