Размер фона не работает

-1

Я недавно сменил мониторы, и теперь, когда я использую разрешение 1920x1080, я заметил, что background-size свойство работает некорректно на одном из моих сайтов (либо это, либо я неправильно понял как это работает все это время).Размер фона не работает

Дело в том, независимо от того, если установить его в cover ни 100% 100%. Он просто никогда не будет покрывать всю высоту страницы (и теги html и body имеют минимальную высоту: 100vh. I applied a blue background to the body just to check it had the proper size).

Этот сайт можно найти here.

body { 
    background: url("../resources/images/bg.jpg") fixed; 
    background-size: cover; 
    margin: 0; 
    color: $c-golden-darker; 
    text-shadow: #1a0e0b 0 0 3px, #1a0e0b 0 0 3px; 
    font-family: Verdana, Arial; 
    overflow-y: scroll; 
    min-height: 100vh; 
    height: auto; 
}

EDIT: После второго взгляда, само изображение является JPEG, так что не имеет смысла для того, чтобы иметь прозрачные пиксели.

EDIT2: Повторная загрузка изображения на сервер как-то устранила проблему.

источник

2016-05-29 Jesús Cruz

Исходный код вашего сайта изменится, но остается этот вопрос. Поэтому, пожалуйста, добавьте исходные коды к этому вопросу, чтобы они могли быть полезны для других с одинаковой проблемой. –

Я согласен с более ранним комментарием. Вы всегда должны добавлять соответствующий код и/или создавать MVCE. Подойдя к вашей проблеме, похоже, что у самого изображения есть прозрачная область внизу. Вам нужно обрезать его. – Harry

Мне это не приходило, но я согласен. Спасибо за указание проблемы. Я бы выбрал ваш, как лучший ответ, если бы вы написали его как один. Будете делать, если вы это сделаете. –