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

589

Äänestä

    Vastaukset 4

    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. Mitä on mietteissäsi

      Tänään?
      Ikävä
      73
      893

    2. En olis uskonu

      et kuulut tollaseen porukkaan
      Ikävä
      113
      799

    3. Meiltä löytyy kyllä älliä

      Vai mitä oot mieltä...
      Ikävä
      140
      745

    4. Mikä on hulluinta?

      Mitä ikäväsi kohde on tehnyt?
      Ikävä
      37
      732

    5. Et taida olla ihan varma

      Päätöksestäsi?
      Ikävä
      70
      637

    6. En haluaisi sanoa tätä

      Mutta olet sokea sille, mitä sinulla jo on! Jos minä olisin sinä, pyrkisin tekemään kaikkeni kohentaakseni nykyistä pari
      Ikävä
      40
      619

    7. Koska Sofia kertoo totuuden, että ovat eroneet miljonääri miehen kanssa?

      Eikö olisi hänelle itselleen helpotus, kun voisi kertoa totuuden. Miksi salata asiaa ja pitkittää sitä harmaan tulevaisu
      Kotimaiset julkkisjuorut
      179
      546

    8. Miltä tuntuu

      olla erossa kaivatustasi?
      Ikävä
      32
      539

    9. Vasemmiston aloite

      Pyhäjärvellä, ihan hyvä aloite. Toteutus ja puhdistus pitäisi alkaa ihan omasta pesästä. Näkeehän tuon sokeakin mitä ja
      Pyhäjärvi
      58
      503

    10. Muistelen lämmöllä

      Se oli vaikein päätös, jonka olen joutunut tekemään. En pidä valehtelusta, mutta näin sait päätöksen asioille. Rakasti
      Ikävä
      46
      502

    11. Onko suhtautuminen kaivattusi

      Fyysiseen vetovoimaan muuttunut? Jos, mihin suuntaan? Tunnetko enemmän vai vähemmän vetoa häneen fyysisesti kuin silloin
      Ikävä
      35
      484

    12. Ajattelitko ikinä pyytää anteeksi?

      Tiedät kyllä mistä.
      Ikävä
      64
      474

    13. Tunnistan mun rakkaan

      Kirjoituksen heti kun se on täällä. Mä vaan tiedän sen ja tunnen 🤗
      Ikävä
      69
      455

    14. Miksi vihainen

      Miksi olet vihainen mulle?
      Ikävä
      41
      446

    15. Näyttää siltä ettet edes sinä.

      Kukaan ei uskalla kohdata aitoa ja syvää sielun rakkautta. Hyvin harvat vain. Ihmisten on turha tavoitella sitä oikeaa
      Ikävä
      31
      436

    16. Tyrkytät ittees liian

      tasokkaille :)
      Ikävä
      45
      433

    17. Maajussille morsian: Farmiviikon voittajat ja häviäjät - Itkua ja pettymystä ei salattu

      Maajussille morsian -suosikkisarjassa farmiviikolla selviää, onko ilmassa "sitä jotakin". Rakkauden etsintä on täynnä i
      Maajussille morsian
      0
      432

    18. Hei, alettaisko oleen yhdessä?

      Miltä tuntuisi jos joku ihminen josta tykkäät sanoisi haluavansa yhteen asumaan? Ajattelisitko menettäväsi vapauden, pys
      Sinkut
      74
      426

    19. Miten oletkin noin

      osaamaton kaikin tavoin :)
      Ikävä
      36
      422

    20. Jos olen aiheuttanut pahaa, pyydän anteeksi

      Jos olen omalla kirjoittelullani aiheuttanut täällä jollekin pahaa mieltä tai sotkenut asioita, niin pyydän sitä anteeks
      Ikävä
      59
      415
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt