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
351
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
Miksi persut eivät häädä mamuja pois Suomesta?
Sitä vartenhan persut äänestettiin valtaan. Nyt valta on persuilla. Mamut nostaa työttömyyskorvauksia. Persut huutaa mam2385951Eduskunnan setämiehet eivät häiritse
Porvariston sedät kertoivat kuorossa, että eivät tiedä häirinnästä mitään.394788KL - Sähköautoilu aiheuttaa lisäkustannuksia muille tehopiikkimaksujen muodossa!
Kauppalehti 15.1.2026 Kommentti / Sähköautoista tuli ongelma – Uusi ”vero” uhkaa Kun perhe ostaa sähköauton ja laittaa104286Jaguar i pace sähköauto hajosi. Jopa 100 tonnia akun vaihto. Edullisia kilometrejä
https://www.iltalehti.fi/autouutiset/a/fcaa5ae4-c04d-414d-ac54-dab991758b2e Tuo että sähköautossa ei lämmitys toimi on123031Sanna Marinille pedataan paluuta pääministeriksi?
Näyttäisi mylly lähteneen käyntiin nyt toden teolla. Nykyiset oikeistodemarit haukutaan vasemmistodemareiden toimesta ni1192987Muistakaa demarit, että TE petitte, ei vihreät tai vas.liitto
Te veitte eduskunnasta turvallisen tilan, veditte sen viemäristä alas. Te demarit, itsensä ylentäneet moraalinvartijat,772469Silminnäkijät kertovat IS:lle useista törkeistä SDP:ssä tapahtuneista häirintätapauksista.
https://www.is.fi/politiikka/art-2000011749874.html Silminnäkijöiden Iltasanomille kertomusten mukaan SDP:ssä on tapahtu1212416Nainen, kaiken aikaa olin yläpuolella
Ja olen edelleen kaiken yläpuolella. Ja niin on aina oleva. :/1901679- 461639
Linta ja Pete vievät UMK:n tänä vuonna
Aika nopeasti näki kuulematta tarjonnasta ketkä homman hoitaa. Mutta etukäteen jo kiitos muille osallistujille. https:231306