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

404

    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. Riikka Purran kaudella nousi bensan hinta yli 2 euron

      Muistatteko kuinka edellisen vasemmistohallituksen aikana, ns. Marinin aikakaudella, bensiiniä sai 1,3 euron litrahinnal
      Maailman menoa
      125
      4813
    2. Veli Sofia teki urosmehiläisen työn

      Paljastaessaan kuinka TPS:ssä ei joukkuehenki toimi sooloilijoiden vuoksi, jonka takia koko seura ei pärjää kilpailussa
      Maailman menoa
      11
      3479
    3. Mitäs nyt sijoittajat?

      Pörssit laskevat maailmalla Iranin sodan takia ja muutenkin ovat olleet Trumpin vallan alla epävarmat. Ainoa, mikä on no
      Maailman menoa
      136
      3272
    4. Hjallis Harkimon, 72, Jasmine-rakas, 37, paljastaa suhteen alusta: "Vähän..."

      Liikemies, kansanedustaja Hjallis Harkimo ja tuottaja-juontaja Jasmine Pajari ovat pariskunta. He asuvat yhdessä Sipooss
      Suomalaiset julkkikset
      28
      2716
    5. Unisex-vessat

      Ahdistaa. Miksi kaikki pitää tasapäistää tasa-arvon nimissä? Tasa-arvo on sitä, että kunnioitetaan sukupuolien erilaisu
      Tunteet
      84
      2453
    6. Jutta Larm, 52, haluaa kumota tämän piintyneen ikämyytin

      Oletko samaa mieltä? Jutta Larm on 52-vuotias ja tehnyt pitkän uran yrittäjänä. Hän haluaa kumota tämän piintyneen ikämy
      50 plus
      18
      1813
    7. Henri Alen tilittää yllättäen Vappu Pimiän uudesta MasterChef -pestistä: "Vaikka hän ei..."

      Vappu Pimiä on uusi MasterChef Suomi -tuomari. Hän liittyi uudella MasterChef Suomi -kaudella arvovaltaiseen tuomaristoo
      Suomalaiset julkkikset
      9
      1434
    8. Vastuun ottaminen omasta hyvinvoinnista

      Olen huomannut tuttavapiirissäni ihmisiä, joilla on mt-diagnooseja. Sen sijaan, että millekään asialle yritettäisiin teh
      121
      1309
    9. Minkä kouluarvosanan 4-10 annat Beck-leffoille?

      Vähiin käy ennen kuin loppuu... Beck-elokuvia on tullut tv:stä jopa 2-3 viikossa. Nyt leffojen esitystiheys on muuttunut
      Elokuva
      10
      1249
    10. Jäit kiinni siitä

      että katselet minua. Käänsin pääni, minäkin etsin sinua, ja meidän katseemme kohtasivat. Eikä se haittaa - molemmat ky
      Ikävä
      4
      1248
    Aihe