Как исправить «Div цвет фона не меняется с белого на прозрачный» в ipad air (браузер Safari)

Question

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

Работает нормально везде, кроме Safari Ipad Air. Что происходит, когда я возвращаюсь наверх, вместо прозрачного цвета получается иногда черный, иногда серый.

Если задан любой другой цвет вместо прозрачного, он отлично работает

.global__header {
    background: rgba(255,255,255,0);
    box-shadow: none;
    transition: all 0.5s ease;  
}

.global__header--white {
    background: rgba(255,255,255,1);
}

Answer 1

попробуйте это:

.global__header {
    background-color: transparent;
    box-shadow: none;
    transition: all 0.5s ease;  
}