Css идеальный полноэкранный фон изображения

Мне интересно, какое из лучших решений для фонового изображения подходит для каждого экрана, каждого браузера. Также я заметил, что большинство методов немного обрезают изображение. Я знаю, что для этого есть много методов, но я хочу знать, какой из них лучше, по вашему мнению. Благодарю!

Ответы

Ответ 1

Это сообщение из CSS-tricks.com содержит различные методы для полноэкранных фоновых изображений и включает откат для старых версий IE ( Я не тестировал исправление IE).

Когда мне не нужно беспокоиться о поддержке старых браузеров, я обычно использую метод CSS3:

html { 
    background: url(http://lorempixum.com/1440/900/sports)
        no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}