Почему только 4 из 8 фоновых изображений реагируют? ⇐ CSS

[Anonymous]

У меня есть простой веб -сайт на 8 страниц, на каждой странице есть уникальное фоновое изображение. Цель состоит в том, чтобы получить обратное изображение каждой страницы. Но только 4 ведут себя как ожидалось, и я понятия не имею, почему не все. В таблице ниже показано, что я знаю о каждом изображении. h (orizontal) & v (ertical) являются пикселями. Да означает, что образцы мобильного устройства (с использованием параметров устройства Chrome) имеет полностью покрытое фоновое изображение. Нет никаких средств, что полное изображение появляется в верхней части экрана устройства. Что еще нужно сделать, чтобы каждое изображение заполнило фон мобильного устройства? .png " /> < /p>
css < /p>
.bg-image {
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}

.about {
background-image: url("../images/balloons.jpg");
}

.archive {
background-image: url("../images/reno-from-arrowcreek.jpg");
}

.budget {
background-image: url("../images/windy-hill.jpg");
}

.calendar {
background-image: url("../images/south-reno.jpg");
}

.contact {
background-image: url("../images/truckee-river.jpg");
}

.docs {
background-image: url("../images/steamboat-springs.jpg");
}

.people {
background-image: url("../images/truckee-meadows.jpg");
}

.index {
background-image: url("../images/castle-rock.jpg");
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... responsive