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
578
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
Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle132000Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom631405Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise981351Toivoisitko Rakas vielä?
Haluaisitko vielä? Uskoisin osaavani näyttää sinulle, kuinka ainutlaatuinen nainen olet.681225Tiesitkö tätä ex-miehistä? Noriko Salo jysäytti yllätyspaljastuksen
Noriko Salo ja ex-F1 kuski Mika Salo olivat naimisissa v. 1999-2022. Kirsi Salon ex-mies puolestaan on muusikko Sammy A51131Ihan pieni näkeminen vaan
👋 ja minä olisin valmis jo vaikka mihin sun kanssa. Nämä on näitä.. 🤫🫣😘💥31987En haluaisi kaiken kuihtuvan pois
ilman, että olemme voineet jutella rauhassa kasvotusten... Mutta mistä ihmeestä löydän sinut?52986- 47981
Keskustelua kasteesta
You tubessa kaksi pappia keskustelivat kasteesta ja kritisoivat raamatullista uskovien kastetta. Toinen heistä yritti334950Huh, huh! Sofia Belorf ei ole itse pessyt hiuksiaan kolmeen vuoteen
Sofia Belorf elää ökyelämää Dubaissa. Sofian arjessa kulta, raha ja luksus ovat vahvasti läsnä. Luksuselämään tottuneell38879