Изображение полного размера в div?

Question

Я хочу полноразмерное фоновое изображение, внутри div. Div - последний элемент, поэтому я хочу, чтобы он заполнил нижнюю часть страницы. До сих пор у меня есть этот код, который заставляет его заполняться в стороны, но изменение высоты до 100% заставляет его исчезнуть, и я не могу заставить его заполнить страницу.

.launch { 
    background: url('Images/launchBackground.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Answer 1

Не видя ваш HTML, вы пробовали:

background-image: url('Images/launchBackground.jpg') 

также вы можете попробовать установить его вручную:

.launch { 
    top: 0px; 
    left: 0px; 
    min-height: 100%; 
    min-width: 100%; 
    position: fixed; 
} 

Answer 2

Попробуйте использовать свойство фон-размер с значение 100% 100%

Пример:

.launch { 
 
    background: url('Images/launchBackground.jpg') no-repeat center center fixed; 
 
    -webkit-background-size: 100% 100%; 
 
    -moz-background-size: 100% 100%; 
 
    -o-background-size: 100% 100%; 
 
    background-size: 100% 100%; 
 
}