html,body {
height:100%;
}
body {
overflow:hidden;
position:relative;
width:100%;
}
#div_img1
{
display:block;
background-image:url("laptop-nature1.PNG");
min-height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
html:
<div id="div_img1">
</div>
Wybaczcie brak zrzutów, ale tak:
Strony testowej z publicznego serwera wolę nie pokazywać, bo tam wrzucam tylko wtedy stronkę, jeśli działa. Natomiast zrzuty? Nie wiem czy pomocna jest pusta biała strona. Jedno co moim zdaniem jest sens dopowiedzieć to to, że div jest. Nawet skrypt jQuery mi na nim działa, bo sprawdziłem. Jedyne co, to że nie wyświetla mi obrazka. Obrazek tła jest widoczny tylko wtedy, gdy dam height np 670px. Jak daję height:100% lub min-height:100%, to lipa. Nie widać i tyle.
edit: Tzn. nie dokończa pusta biała strona, bo inne elementy wyświetla wzorowo. Tylko jak daję w css ten nieszczęsny height na 100%, to div jest, ale nie wyświetla obrazka.
edit2: Wiecie co? Zabawne, że teraz zakomentowałem właściwość background-image i dałem background-color:red; strona jest cały czas biała. Co jest grane (u licha) ?
edit3: No ta.... jasne... teraz zmieniłem z min-height:100% na min-height:670px i background-color:red chula, a jakże;-)))
edit4: przekopiowałem kod prosto z mojego css do jsfiddle i na jsfiddle min-height:100% działa spokojnie. Moim zdaniem problem nie tkwi w kodzie. Bo jeżeli w px działa to i w % powinno.