Как убрать черную полосу при прокрутке страницы в safari?

Question

[kamisarlapsha]

Как убрать черную полосу при прокрутке на iphone ?
На заднем фоне стоит фиксированная картинка. Когда скрывается панель снизу , то высоты картинки сначала не достаёт и образуется чёрная полоса.
Вот как выглядит на iphone


Вот код самого блока с картинкой
<div class="img-bg"></div>

.img-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background: url(/images/bg.png) no-repeat;
    background-position: center top;
    background-clip: border-box;
    opacity: 0.15;
    z-index: 5;
    transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

Answer 1

[dsmaslov]

Попробуйте добавить элементу отрицательный маргин снизу или задать прозрачную рамку снизу:

border-bottom: 1px transparent solid;