Избегайте изменения размера фонового изображения CSS с помощью мобильной клавиатуры

Question

Я настроил полноэкранное фоновое изображение с помощью CSS следующим образом:

html {
    background: url(image url) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

Когда я впервые открываю сайт в мобильном браузере, он выглядит великолепно.Однако, если я выберу ввод формы и откроется мобильная клавиатура, фоновое изображение изменится в соответствии с высотой представления над клавиатурой.

Есть ли способ сохранить статическую высоту фонового изображениякогда открывается мобильная клавиатура?Решения только для CSS предпочтительнее.