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?
4
536
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
Sanna Marin kysyi hämmästyneenä: Onko Suomessa jäänmurtajia?
Nettilehden toimittaja kysyi Sanna Marinilta suoraan, että sovittiinko nuo jäänmurtajien kaupat jo 2019, jolloin Marin k1745242- 2024158
SDP haluaa 40 000 nettomaahanmuuttajaa
SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah1423745Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen
No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat703087Mikä tuota vasemmistolaisista jankkaavaa vaivaa?
Pahasti on ihon alle, siis korvien väliin, päässeet kummittelemaan. Ei ole terveen ihmisen merkki jankata yhdestä asia533020- 1482015
Nyt meni lopulliset lämmöt.
Alan käyttäytymään yhtä kylmästi miehiä kohtaan kuin mua kohtaan on käyttäydytty ja vain käytetty viimeiset pari vuotta441767Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.431539Onko erityinen paikka jossa haluaisit nyt olla
Onko joku spesiaali lempipaikka missä mieluiten olisit?661462Orpo loukkaantui fasismiin viittaavasta sanavalinnasta
Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk271331