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
349
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
Kuolemanrangaistus
Mielestäni kuolemanrangaistus on väärin kaikissa tilanteissa. Vaikka joku olisi murhannut 10 ihmistä, hänen surmaaminen633914Muistakaa persut, että TE petitte, ei kokoomus
Miksikö kukaan ei arvostele kokoomusta? No sen vuoksi, että kokoomus noudattaa vaalilupauksiaan. Sen sijaan TE persut,2053496Seuraava hallituspohja - Kokoomus, kepu, persut + KD
Kokoomus saa ainakin 20% kannatuksen ensi vaaleissa, keskusta sanoisin noin 15%, persut todennäköisesti enemmän, ehkä 172492949Outo ilmiö - vasemmistolaiset eivät kirjoita mitään kokoomuksesta
joka sentään johtaa hallitusta, ja jonka talouspolitiikkaa noudatetaan. Nämä muutamat vasemmistolaiset jotka täällä aina712499Maria Veitola kommentoi soutelija Saarion huomionhakuisuutta
"Minusta on jotenkin kuvottavaa, kuinka kovalla intensiteetillä Suomi-media seuraa miessankari Jari Saarion merihätää. S3211889Lopetan ikävöinnin
Ei meistä enää koskaan tule mitään. Olen ikävöinyt ja kaivannut enkä saa mitään vastakaikua ja lämpöä. Parempi erillään51622Väestöstä vain vassarit vaihtuvat nopeammin kuin persut
Kevääseen 2023 verrattuna vassareita 50 prosenttia enemmän, ja persuja 25 prosenttia vähemmän.121537Jos kaikki lopulta kuolevat, onko edes pahimmillakaan rikoksilla mitään väliä?
Kaikki kuolevat lopulta. Siksi ihmisten tekemillä rikoksillakaan ei lopulta ole mitään merkitystä. Joidenkin mielestä t21496Riikka Purra ei estä tehomaksun käyttöönottoa
Sähkön hinnoittelua koskevan määräyksen on määrä astua voimaan vuoden 2029 alusta, Energiavirastosta kerrotaan. Määräyk181496Muovipusseista pitäisi saada panttimaksu takaisin
Ostan joka päivä yhden muovipussin, ja niistä palautuu keskimäärin takaisin kaupan pullomaatin yhteydessä olevaan roskik511471