Obraz jako tło strony dostosowany do wymiarów okna

0

Próbowałem różnych sposobów w samym HTML, CSS, js (+jquery). Czasami udawało mi się osiągnąć prawie pożądany efekt, ale nie było to zawsze do końca o co mi chodziło.

Mam np takie coś w CSS, ale nie rozciąga obrazka tak ładnie jak na przykład system tapetę na pulpit.

body {
    background-image:url("...");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
0

background-size: cover?

0

Nie zauważyłem, że jest, sorry.

0

Wpadłem na takie coś i mi działa, dostosowuje się bardzo ładnie, może jednak ma to jakieś wady?
css

body, html { margin: 0; padding 0; height: 100%; width: 100% }

#bg {
    position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;
    
}

html

<img id="bg" src="https://goo.gl/ZnBMxn">
1

Ma, jest brzydkie, być może scrollowanie będzie wolniejsze przez to, a i tak nie jest perfekcyjne i znajdziesz kilka przypadków, gdzie się sypie.

Tu masz rozwiązanie: http://jsbin.com/rehovijuje/2/edit?html,css,output

1 użytkowników online, w tym zalogowanych: 0, gości: 1