css perfect полноэкранное изображение фона

Question

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

Answer 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;
}

Answer 2

Добавьте это внутри тега body:

<img src="img/beach.jpg" 

style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-5000;">

http://thewebthought.blogspot.com/2010/10/css-making-background-image-fit-any.htmlg