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
515
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
Epäily: Oppilas puukotti kolmea Pirkkalan koululla
Tämänhetkisen tiedon mukaan ainakin kolme oppilasta on loukkaantunut puukotuksessa Pirkkalan Vähäjärven koululla. Myös e1625355Jos olisit täällä
Tosin en tiiä miks oisit. (Ja hävettää muutenkin kun ei muka muulla tavoin osaa kertoa tätäkään) Jos jollain pienellä432615- 1562212
Kesän odotuksia hyrynsalmella
Kyllä kesällä hyrynsalmellakin on mahdollisuus osallistua kylän menoon monella tavalla . On kaunislehdon talomuseolla161749- 821374
Voi Rakas siellä
Olet ollut mun ajatuksissa taas koko päivän. Olet ihmeellinen kertakaikkiaan ja arvostan sinua niin paljon❤️Minulla ei o241291Pirkkalan koulussa puukotus, oppilas puukotti kolmea
Ilmeisesti tyttöjä ollut kohteena.1551264Ohhoh! KAJ laukoi suorat sanat somessa - V-sana mainittu!
Ohhoh! Mitäs mieltä olet tästä huumoriryhmä KAJ:sta? Bara bada bastu on kyllä aikamoinen korvamato... Lue lisää: https321223Erika selvisi hienosti ennakkosuosikin paineista
Hienostihan se meni. Erika jätettiin yksin, eikä häntä tuettu, oli euroviisukiusattu, silti suoriutui ensiluokkaisesti.106972Jos yhdistät nimikirjaimet
Jos yhdistät sinun ja kaivattusi ensimmäisten nimien alkukirjaimet mitkä nimikirjaimet tulee? Sinun ensin ja sitten häne21917