FRONT END: zdjecie na cale okno + dodatkowe warstwy...

Question

Witam!

Chciałem zapytać: jak w html / css / js wykonać warstwy? W tle chcę mieć zdjęcie dostosowujące się do wielkości okna przeglądarki (zdjecię ma je wypełniać w całości), a na górnej warstwie chciałbym wyświetlić teksty oraz menu strony. Chciałbym uniknąć pojawiania sie suwaków przeglądarki, przynajmniej w trybie gdy przeglądarka wypełnia cały lub prawie cały ekran. Mam na myśli aplikację desktopową, nieresponsywną.

Comments

Mam na myśli aplikację desktopową, nieresponsywną.

To się mija z założeniami. Chyba, że będzie wyświetlana zawsze na ekranie o paramerach xyz

Answer 1

W css co do warstw to polecam używać:

position: relative;
position: absolute;
z-index:1;/*itd..

 

Nie wiem czy o to ci chodzi?

http://www.kurshtml.edu.pl/css/nakladanie,pozycjonowanie.html

Answer 2

Co do zdjęcia na całym ekranie to może coś w ten deseń:
 

.tlo {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img_parallax.jpg);
    min-height: 100vh;
    min-width: 100vw;
}