Mitenkö saan taustavärin muuttamaan alhaalta ylöspäin harmaasta valkoiseksi?
Ei meinaa millään onnistua, kiitokset etukäteen avusta =)
Terv.
Lissu
taustavärin liukuminen?
tyttopolo
4
547
Vastaukset
- lä kuvan jossa
kyseinen liukuväritys, laittamalla sen taustakuvaksi siten että
se venytetään aina koko taustan kokoiseksi.Tuossa pätkä css koodia, jolla onnistuu.
Eli teet kuvan missä gradient musta ja valkoinen.
Tuo kuva latautuu todella nopeasti koska, jos haluaa vain gradientin sen ei tarvitse olla kuin yhden pikselin leveä! Ja korkeus on sen mitä sivukin.
Asetat tuon css koodin esimerkiksi body tagille.
background-image:url(taustagradient.jpg);
background-repeat:repeat-x;sfinski80 kirjoitti:
Tuossa pätkä css koodia, jolla onnistuu.
Eli teet kuvan missä gradient musta ja valkoinen.
Tuo kuva latautuu todella nopeasti koska, jos haluaa vain gradientin sen ei tarvitse olla kuin yhden pikselin leveä! Ja korkeus on sen mitä sivukin.
Asetat tuon css koodin esimerkiksi body tagille.
background-image:url(taustagradient.jpg);
background-repeat:repeat-x;> Ja korkeus on sen mitä sivukin.
Sitähän voi olla vaikea tietää etukäteen...
Pitäisi varmaan vielä lisätä tuohon CSS:ään kuvan skaalaus ikkunan / sivun korkuiseksi ja ikkunan ollessa kyseessä määritellä se pysymään paikallaan scrollattaessa. En ole varma miten onnistuu...
Pahimmillaan joku tekee esimerkiksi omalla näytöllään (vaikka 1024x1280) sopivan kuvan ja törppää sen nettiin. Sitten muut ihmettelevät, kun tulee epämääräisiä liukuja ja jyrkkjiä pomppuja isommilla resoilla...The_Rat kirjoitti:
> Ja korkeus on sen mitä sivukin.
Sitähän voi olla vaikea tietää etukäteen...
Pitäisi varmaan vielä lisätä tuohon CSS:ään kuvan skaalaus ikkunan / sivun korkuiseksi ja ikkunan ollessa kyseessä määritellä se pysymään paikallaan scrollattaessa. En ole varma miten onnistuu...
Pahimmillaan joku tekee esimerkiksi omalla näytöllään (vaikka 1024x1280) sopivan kuvan ja törppää sen nettiin. Sitten muut ihmettelevät, kun tulee epämääräisiä liukuja ja jyrkkjiä pomppuja isommilla resoilla...Noh kaikki on tietysti ajateltava tapauskohtaisesti.
z-index voi järjestää mitkä näkyvät päällimmäisinä. Esimerkiksi navigaatio aina kaiken päällä.
position:fixed auttaa jos haluaa esimerkiksi divin olevan aina näkyvissä samassa kohdassa riippumatta scrollaako selaimella vaikka 2000px alaspäin. Esimerkiksi leiska div on kätevä mihin koko sivun sisältö on sijoitettuna. Tällöin tausta on ikään kuin erillisenä riippumatta muusta sisällöstä.
Position relative on myös kätevä:) ja absolutekin on ihan ok nämä puolestaan scrollautuvat muun mukana.
Overflow käsky css koodissa antaa myös joitakin mahdollisuuksia säädellä tekstiä ja muuta.
Siinä oli taas jotain tiedä sitten auttoiko itse ongelmaan.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 814462
Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans1164142BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että1693181Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582557Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main222508Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?682429- 1622407
Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome572304Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik422117- 522042