Eli tälläinen onkelma: Haluaisin taustakuvan näkymään vain kerran ja olen siinä jo onnistunut, mutta haluaisin myös että muu osa taustasta olisi haluamani värinen taikka saisin siihen osaan eri taustakuvan, koska muuten muu osa taustasta jää valkoiseksi.
Tässä käyttämäni teksti:
body
{
background-image: url('corner.png');
background-repeat: no-repeat
}
Taustakuvasta
3
439
Vastaukset
tyylitiedostoon esim background-color: #9370DB;
Tuota en kyllä ymmärrä?- Höpö.
Elementtiin ei saa kuin yhden taustakuvan. Tosin elementtejä voi olla useampia päällekkäin, joten tavallaan useampikin taustakuva on mahdollista.
Mutta otetaas ekaks toi peruskysymys: tausta.
Taustasta pystyy määrittelemään neljä asiaa:
background-color (taustaväri)
background-image (taustakuva)
background-repeat (taustakuvan toistuvuus)
background-attachment (taustakuvan kiinnitys)
background-position (taustakuvan sijainti)
väri on vapaasti määriteltävissä aivan kuten css:ssä yleensäkin:
background-color: Silver;
background-color: #B2B4BF;
background-color: rgb(178,180,191);
Kuva laitetaan kuten olet laittanutkin:
background-image: url(corner.png);
Taustakuvan toistuvuudella on neljä arvoa:
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: no-repeat;
background-repeat: repeat;
Taustakuvan kiinnityksellä on kaksi arvoa:
background-attachment: scroll;
background-attachment: fixed;
Sijainnin voi määrätä suhteellisen vapaasti, esim:
background-position: top;
background-position: center;
background-position: bottom;
background-position: left;
background-position: right;
background-position: bottom right;
background-position: 50px 100px;
Nämä kaikki voidaan ilmoittaa erikseen, mutta ne voidaan myös yhdistää saman backgroundin ominaisuudeksi:
body {
background: Silver url(corner.png) no-repeat fixed right bottom;
}
Ja taustaväri siis näkyy siltä osuudelta, jossa ei ole taustakuvaa (tai siinä on läpinäkyvyyttä).
Kikkailemalla saat tietty useammankin taustakuvan:
html:
css:
body {
background: Silver url(corner.png) no-repeat fixed right bottom;
}
#content {
width: 100%;
height: 100%;
background: transparent url(logo.jpg) no-repeat fixed top left;
}- En ossaa
Juu tämä auttoi paljon. Nyt toimii hyvin. Kiitos.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Kuinka Riikka Purra on parantanut Suomen kansalaisen elämää?
Haastan kaikki perussuomalaisten kannattajat kertomaan konkreettisia esimerkkejä kuinka Riikka Purran harjoittama politi2835042Venäjän armeijan evp-upseeri: Armeija surkeassa tilassa, jonka läpäisee kaiken kattava
valehtelu. Venäläiset alkaneet pohtia julkisesti maan todellisia tappioita. Z-bloggari ja 3. luokan kapteeni (evp.) Mak1142601Kehu kaivattuasi
Mikä hänessä on parasta? Jos osaat kertoa muuta kuin ulkonäköön liittyvää, niin ansaitset mitalin.1321612- 1011140
Mahtavaa, Trump pelasti lentäjän, Irania nöyryytettiin
https://www.is.fi/ulkomaat/art-2000011917601.html Taas osoitus kuinka ylivertainen maa USA on Trumpin johdolla.3391039Miten voit olla niin tyhmä
että et tajunnut että sua vedätettiin? Tietäisitpä miten hyvät naurut on saatu. Naiselle140987Keskiviikkona 8.4.2026 se tapahtuu
Nimittäin tulevana keskiviikkona 8.4.2026 Donald Trump ilmoittaa Naton pääsihteerille että Yhdysvallat eroaa Natosta. N275958IS Viikonloppu 4.-6.4.2026
Nyt on Viitamäeltä pääkuvaton ristikko. Nimimerkki happonen kehui kovasti "On kyllä laadukas pahis, iso kiitos tästä ja88821Rakastin sua niin paljon ettei löydy sanoja sille tunteenpalolle mitä silloin koin
Sellaista tunnetta ei koe kuin ehkä kerran elämässä. Tuntui, että sekoaa, että menee järjiltään. Tuntui että räjähtää si33817- 40801