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
322
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
Useita puukotettu Tampereella
Mikäs homma tämä nyt taas on? "Useaa henkilöä on puukotettu Tampereen keskustassa kauppakeskus Ratinan lähistöllä." ht1522954Asiakas iski kaupassa varastelua tehneen kanveesiin.
https://www.iltalehti.fi/kotimaa/a/33a85463-e4d5-45ed-8014-db51fe8079ec Oikein. Näin sitä pitää. Kyllä kaupoissa valtava3682050- 411805
Kuka rääkkää eläimiä Puolangalla?
Poliisi ampui toistakymmentä nälkiintynyttä eläintä Puolangalla Tilalta oli ollut karkuteillä lähes viisikymmentä nälkii371772Meneeköhän sulla
oikeasti pinnan alla yhtä huonosti kuin mulla? Tai yhtä huonosti mutta jollain eri tyylillä? Ei olisi pitänyt jättää sua321421Jos ei tiedä mitä toisesta haluaa
Älä missään nimessä anna mitään merkkejä kiinnostuksesta. Ole haluamatta mitään. Täytyy ajatella toistakin. Ei kukaan em931221- 541173
Muutama kysymys ja huomio hindulaisesta kulttuurista.
Vedakirjoituksia pidetään historiallisina teksteinä, ei siis "julistuksena" kuten esimerkiksi Raamattua, vaan kuten koul328975Jumala puhui minulle
Hän kertoi sinusta asioita, joiden takia jaksan, uskon ja luotan. Hän kuvaili sinua minulle ja pakahduin onnesta kuulles110948Annan meille mahdollisuuden
Olen avoimin mielin ja katson miten asiat etenevät. Mutta tällä kertaa sun on tehtävä eka siirto.Sen jälkeen olen täysil53792