Taustakuvasta

En ossaa

Eli tälläinen onkelma: Haluaisin taustakuvan näkymään vain kerran ja olen siinä jo onnistunut, mutta haluaisin myös että muu osa taustasta olisi haluamani värinen taikka saisin siihen osaan eri taustakuvan, koska muuten muu osa taustasta jää valkoiseksi.

Tässä käyttämäni teksti:


body
{
background-image: url('corner.png');
background-repeat: no-repeat
}

3

353

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • tyylitiedostoon esim background-color: #9370DB;
      Tuota en kyllä ymmärrä?

    • Höpö.

      Elementtiin ei saa kuin yhden taustakuvan. Tosin elementtejä voi olla useampia päällekkäin, joten tavallaan useampikin taustakuva on mahdollista.

      Mutta otetaas ekaks toi peruskysymys: tausta.

      Taustasta pystyy määrittelemään neljä asiaa:
         background-color (taustaväri)
         background-image (taustakuva)
         background-repeat (taustakuvan toistuvuus)
         background-attachment (taustakuvan kiinnitys)
         background-position (taustakuvan sijainti)

      väri on vapaasti määriteltävissä aivan kuten css:ssä yleensäkin:
         background-color: Silver;
         background-color: #B2B4BF;
         background-color: rgb(178,180,191);

      Kuva laitetaan kuten olet laittanutkin:
         background-image: url(corner.png);

      Taustakuvan toistuvuudella on neljä arvoa:
         background-repeat: repeat-x;
         background-repeat: repeat-y;
         background-repeat: no-repeat;
         background-repeat: repeat;

      Taustakuvan kiinnityksellä on kaksi arvoa:
         background-attachment: scroll;
         background-attachment: fixed;

      Sijainnin voi määrätä suhteellisen vapaasti, esim:
         background-position: top;
         background-position: center;
         background-position: bottom;
         background-position: left;
         background-position: right;
         background-position: bottom right;
         background-position: 50px 100px;

      Nämä kaikki voidaan ilmoittaa erikseen, mutta ne voidaan myös yhdistää saman backgroundin ominaisuudeksi:

         body {
            background: Silver url(corner.png) no-repeat fixed right bottom;
         }

      Ja taustaväri siis näkyy siltä osuudelta, jossa ei ole taustakuvaa (tai siinä on läpinäkyvyyttä).

      Kikkailemalla saat tietty useammankin taustakuvan:

      html:



         




      css:

         body {
            background: Silver url(corner.png) no-repeat fixed right bottom;
         }
         #content {
            width: 100%;
            height: 100%;
            background: transparent url(logo.jpg) no-repeat fixed top left;
         }

      • En ossaa

        Juu tämä auttoi paljon. Nyt toimii hyvin. Kiitos.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Eduskunnan setämiehet eivät häiritse

      Porvariston sedät kertoivat kuorossa, että eivät tiedä häirinnästä mitään.
      Maailman menoa
      290
      7504
    2. Jaguar i pace sähköauto hajosi. Jopa 100 tonnia akun vaihto. Edullisia kilometrejä

      https://www.iltalehti.fi/autouutiset/a/fcaa5ae4-c04d-414d-ac54-dab991758b2e Tuo että sähköautossa ei lämmitys toimi on
      Hybridi- ja sähköautot
      55
      3948
    3. PropsApp Koodi

      Haluatko ansaita ja kilpailla fiksusti samalla kun seuraat urheilua? Props tekee sen mahdolliseksi. Sovelluksessa pääset
      2
      3438
    4. Persut yrittävät epätoivon vimmalla

      kiertää häirintä asian https://www.iltalehti.fi/politiikka/a/5389f072-60d9-4ef8-aa7b-c11f0eda66cf jonka muut puolueet a
      Maailman menoa
      72
      3181
    5. Muistakaa demarit, että TE petitte, ei vihreät tai vas.liitto

      Te veitte eduskunnasta turvallisen tilan, veditte sen viemäristä alas. Te demarit, itsensä ylentäneet moraalinvartijat,
      Maailman menoa
      114
      2854
    6. "Skandaali muhii SDP:ssä" - "pelon ilmapiiri vallitsee"

      Puolueen johto on vähintään vastuussa ilmapiiristä, jossa häirinnän uhrit eivät ole saaneet ääntään kuuluviin. Vyyhdin
      Maailman menoa
      39
      2660
    7. IL: "Kyykyttämistä, alistamista, painostamista, huutamista ja tiuskimista SDP:n

      eduskuntaryhmässä." Häirintäkohu puolueen ympärillä paisuu. Iltalehden haastattelemien SDP-lähteiden mukaan eduskunta-
      Maailman menoa
      49
      2518
    8. Riikka runnoo: konkursseja eniten 30 vuoteen

      Vuonna 2025 Suomessa haettiin konkurssiin yhteensä 3 906 yritystä. Konkurssiluku oli suurin sitten vuoden 1996.
      Maailman menoa
      54
      2272
    9. Oletko ollut

      Oletko omasta mielestäsi ollut sokea asioille?
      Ikävä
      68
      2053
    10. Pitäiskö meidän tehdä jotain

      Mennä vaikka kihloihin?
      Ikävä
      99
      1921
    Aihe