Tämä kysymys kuuluukin ennemmin tänne, kuin tuonne html-osastoon. Eli:
Kuinka saan seuraavaan lisättyä taustakuvan skaalauksen. Siis niin, että resoluutiosta riippumatta taustakuva on koko näytön kokoinen:
body {
background-image: url("taustakuva.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
}
Kiitos viisaammat, jos joltain vastaus löytyy!!
Kuinka saan seuraavaan lisättyä taustakuvan skaalauksen. Siis niin, että resoluutiosta riippumatta taustakuva on koko näytön kokoinen:
body {
background-image: url("taustakuva.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
}
Kiitos viisaammat, jos joltain vastaus löytyy!!
Vastaukset 4
Vanhimmat
Tämmöinen tuli mieleen:
#tausta
{
width: 100%;
height: 100%;
}
Annetaan taustakuvalle id="tausta".
🚑
P
I
I
P
A
A
🚑
P
I
I
P
A
A
🚑
P
I
I
P
A
A
Morjensta.
Tällaisella tavalla on itse tullut toteutettua:
#tausta{
position: absolute;
z-index: 1;
}
#content{
position: absolute;
z-index: 2;
}
Tänne sitten sivun normaalit sisällöt jne
Lisää:
background-size: cover