Фоновое изображение обрезается внизу

Question

У меня есть изображение bg для div, которое само по себе имеет высоту и ширину 100% (то есть покрывает все окно браузера).

Это изображение обрезается снизу. Я уже пробовал такие вещи, как background-size: cover; и высота: 100%; ширина: 100%. Кажется, ничто не мешает отрезать дно. Я попытался изменить размер самого изображения src, сделав его крошечным, а дно все еще обрезано?

HTML:

<div id="des" class="full-window">
</div>

CSS:

#des {
    background: url("bg.png");
    background-size: 100% 100%;
}

.full-window {
    width: 100%;
    height: 100%;
}

Answer 1

Вам не хватает фоновых свойств для подгонки изображения без обрезки. попробуй это

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 2

У меня недостаточно представителей, чтобы комментировать, поэтому, пожалуйста, не помечайте мой "ответ", я просто пытаюсь помочь парням... попробуйте:

максимальная высота: 100%;