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

325

    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. Jos nainen harrastaa seksiä

      Useiden kanssa, miten se eroaa miesten mielestä siitä, jos miehellä on ollut useita s kumppaneita? Oletan että kaikki mi
      Ikävä
      243
      1973
    2. Pihlaja-puulle

      Illat on mulle pahimpia. En tiiä miks se olis vaan parasta yöstä toiseen nukkua sun kanssa ja herätä sun kasvoihin. Jos
      Ikävä
      15
      1319
    3. Päivieni piristys, missä olet?

      Toit iloa ja valoa mun elämään ☀️ Nyt mennyt kohta viikko ettei ole nähty. Kaipaan nähdä sua silti ja pelkään vaikka tei
      Ikävä
      14
      1009
    4. Kova karman laki

      Karman lain kautta pahantekijä tehdessään pahaa toteuttaa koston ja rangaistuksen sille jolle pahaa on tehty. Tämä tarko
      Hindulaisuus
      370
      1003
    5. Kysymys Kuhmolaisille

      Hei. Olen 32 vuotias nainen ja muutin Kuhmoon noin 12 vuotta sitten. Mutta nyt täytyy ihmetellä ihan ääneen että onhan t
      Kuhmo
      20
      867
    6. Ensi viikolla tulen takaisin

      Ja käyn varmaan siellä monta kertaa. Monta mahdollisuutta nähdä jos olet siellä päin
      Ikävä
      19
      756
    7. Savimajasta lääketieteen tohtoriksi - ja ei tikkua ristiin

      ”Jos ihminen muuttaa savimajasta tänne kerrostaloon länsimaisen elintason piiriin ilman että tarvitsee panna tikkua rist
      Maahanmuutto
      148
      750
    8. Olen valtavan ihastunut

      Yritin sen sinulle viime viikolla kertoa, mutta liikaa muuttujia ja isoja tunteita, niin en kyllä ollut kovin selkeä.
      Ikävä
      57
      666
    9. Taidat nainen haluta vain sitä yhtä asiaa?

      Minusta tuntuu nyt siltä.
      Ikävä
      75
      652
    10. Oon varma siitä

      Että oot vain mun rahojen perään, nainen. Siks et kelpaa mulle, että joku helpompi. M-mieheltä
      Ikävä
      101
      625
    Aihe