Исправлена ​​ошибка, из-за которой фон не работал в Chrome

Question

Я имею background-attachment: fixed; на моем разделе героя, и он работает в Firefox и Safari, но не в Chrome. Я могу заставить его работать, изменив на position:relative; а также z-index: -1; но затем кнопки внутри героя становятся непригодными для использования, и это также создает проблемы в Firefox и Safari.

#hero {
padding-top: 60px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

Я попытался изменить родительские позиции на статические, основываясь на других постах, которые я нашел, но это тоже не сработало.

http://bayarddev.com/fca/about-us/

Answer 1

Хорошо, я вижу это сейчас. На .heroродительский элемент .off-canvas-wrap а также .inner-wrap ты используешь -webkit-backface-visibility: hidden, Если вы отключите это фоновое вложение работает нормально.