taustavärin liukuminen?

tyttopolo

Mitenkö saan taustavärin muuttamaan alhaalta ylöspäin harmaasta valkoiseksi?
Ei meinaa millään onnistua, kiitokset etukäteen avusta =)


Terv.
Lissu

4

471

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • lä kuvan jossa

      kyseinen liukuväritys, laittamalla sen taustakuvaksi siten että
      se venytetään aina koko taustan kokoiseksi.

      • sfinski80

        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;

      • The_Rat
        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...

      • sfinski80
        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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4859

    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1732

    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      94
      1478

    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359

    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      23
      1337

    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1228

    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075

    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      1010

    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      895

    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      61
      879
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt