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
476
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
- 2443258
Kenellä oli ryppyinen paita, josta Halla-aho mielensä pahoitti?
Ei ollut Keskisarja, jonka paita vain repsotti housujen päällä puolittain. Muistatteko tapausta?362952Miksi Halla-aho on niin hyvin menestynyt - mutta punavihreä ei?
Hyvin näkee kuinka punavihreää ottaa pahasti päähän kun Virta on taas töppäillyt pahasti. Ja kun punavihreä ei pärjää, n342178Ruoan arvonlisävero menee käytännössä tukijussille
Ilman juomia elintarvikkeiden myynti vuonna 2025 oli reilut 15 miljardia euroa. Tuolla tasolla arvonlisävero pyörii pari352095Vihreät REPEÄMÄSSÄ oijoijoi....Virran sekoilut on liikaa
Jo ennestään vihreiden kannatus on suossa vaikka puolue istuu oppositiossa, nyt tuli Virran temppu kun häipyi tuosta vaa731968Sofia Virta SUURI POLIITIKKO
Osallistumalla Erikoisjoukkoihin nostaa Vihreät kauaksi ohi perussuomalaisista, joka on muutenkin hajoamassa omaan mahdo841756Ruotsissa uusi vakava ongelma: Vanhusten seksuaalinen hyväksikäyttö
palvelutaloissa ja kotihoidossa. Tämäkin on ihan puhtaasti väärän maahanmuuton vaikutusta, sillä tekijät ovat kaikki keh381624Mitä ikävöit eniten ikäväsi kohteesta?
Rahaa, turvallisuutta, kauniita katseita,seksiä, läheisyyttä vai jotain muuta?1221507Työeläkkeiden maksaminen lopetettava ASAP.
"Vanhimmat sukupolvet ovat saaneet vastinetta eläkemaksuilleen moninkertaisesti nykyisiin ja tuleviin sukupolviin verr561424Mika Poutala salasi osallistumisensa Erikoisjoukkoihin
Poutala ryhtyi ministeriksi 13.6.2025 ja 5.8.2025 ilmoitettiin hänen olevan seuraavalla Erikoisjoukot-kaudella. http451269