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

322

    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. Useita puukotettu Tampereella

      Mikäs homma tämä nyt taas on? "Useaa henkilöä on puukotettu Tampereen keskustassa kauppakeskus Ratinan lähistöllä." ht
      Tampere
      152
      2954
    2. Asiakas iski kaupassa varastelua tehneen kanveesiin.

      https://www.iltalehti.fi/kotimaa/a/33a85463-e4d5-45ed-8014-db51fe8079ec Oikein. Näin sitä pitää. Kyllä kaupoissa valtava
      Maailman menoa
      368
      2050
    3. Leipivaaran päällä on kuoleman hiljaista.

      Suru vai suuri helpotus...
      Puolanka
      41
      1805
    4. Kuka rääkkää eläimiä Puolangalla?

      Poliisi ampui toistakymmentä nälkiintynyttä eläintä Puolangalla Tilalta oli ollut karkuteillä lähes viisikymmentä nälkii
      Puolanka
      37
      1772
    5. Meneeköhän sulla

      oikeasti pinnan alla yhtä huonosti kuin mulla? Tai yhtä huonosti mutta jollain eri tyylillä? Ei olisi pitänyt jättää sua
      Ikävä
      32
      1421
    6. Jos ei tiedä mitä toisesta haluaa

      Älä missään nimessä anna mitään merkkejä kiinnostuksesta. Ole haluamatta mitään. Täytyy ajatella toistakin. Ei kukaan em
      Ikävä
      93
      1221
    7. Määpä tiijän että rakastat

      Minua nimittäin. Samoin hei! Olet mun vastakappaleeni.
      Ikävä
      54
      1173
    8. Muutama kysymys ja huomio hindulaisesta kulttuurista.

      Vedakirjoituksia pidetään historiallisina teksteinä, ei siis "julistuksena" kuten esimerkiksi Raamattua, vaan kuten koul
      Hindulaisuus
      328
      975
    9. Jumala puhui minulle

      Hän kertoi sinusta asioita, joiden takia jaksan, uskon ja luotan. Hän kuvaili sinua minulle ja pakahduin onnesta kuulles
      Ikävä
      110
      948
    10. Annan meille mahdollisuuden

      Olen avoimin mielin ja katson miten asiat etenevät. Mutta tällä kertaa sun on tehtävä eka siirto.Sen jälkeen olen täysil
      Ikävä
      53
      792
    Aihe