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

383

    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 Purra lupasi Suomen kansalle 1 euron bensaa, hinta nyt 2 euroa

      Vasemmistolaisen Marinin hallituksen aikana bensa ei maksanut kuin 1,3 euroa litralta. Ministerin pitäisi perustuslain m
      Maailman menoa
      84
      4451
    2. Suvi Lindenillä 5 366 päivän putki

      Täytyy kyllä myöntää vaikka olen itsekin innokas, niin en ole tuollaiseen yli kymmenen vuoden putkeen kyennyt. Välillä o
      Maailman menoa
      101
      3860
    3. Mistä se kertoo

      Näin miehen pitkästä aikaa. Samantien iski sellainen paineen tunne rintaan, sitä ei ole ollut vuosiin. Ja nyt olen siitä
      Ikävä
      36
      3519
    4. Eräs on taas viettänyt kokoyön täällä!!

      Etkö sä nuku koskaan??
      Ikävä
      51
      3190
    5. Kohdataanko me

      Enää?
      Ikävä
      41
      2691
    6. Nyt on sanottava että sattuu kipeästi

      Jos, sinä aikana kun olen kaivannut ja odottanut sinua ja olet tiennyt sen, niin jos valitsit toisen miehen. Katsot minu
      Ikävä
      18
      2529
    7. Rakkaalle miehelle

      Terveiset rakas. Ikävä on edelleen. Suru valtaa sydämen, kun en saa lähestyä sinua. En saa vastauksia, en soittoa, viest
      Ikävä
      22
      2352
    8. Olipa turha tämä

      Rakkaustarinamme
      Ikävä
      23
      2056
    9. UMK-juontajakaksikon pari isoa "mokaa" ihmetyttää - Mitäs tykkäsit Syköstä ja Uotisesta juontajina?

      Tänä vuonna UMK-lavalla nähtiin artistien lisäksi juontajakolmikko Jorma Uotinen, Sami Sykkö ja Jasmin Beloued. Juontami
      Euroviisut
      15
      1762
    10. Jussi "Mestari" Halal-ahon sotilasarvo?

      Minä vuonna Jussille myönnettiin sotilasansiomitali? Vai myönnettiinkö Jussille sotilasansiomitalia lainkaan?
      Maailman menoa
      35
      1715
    Aihe