Koko sivun kokoinen taustakuva

m

Minulla on eräällä sivulla suuri taustakuva. Kuva venyy ikkunan koon mukaan. Alla koodi.

div#taustakuva {
padding: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 10;
}

div#taustakuva img {
height: 100%;
width: 100%;
position: relative;
}

Ja sivun koodissa






Koska kuvaa venytetään, se ei näytä aina hyvältä. Olisiko seuraava toiminto mahdollinen ja miten?

Kuva olisi aina 100% ikkunan leveydestä. Tästä tosin johtuu se, että jos ikkuna on kapea ja korkea niin kuva näkyy vain ikkunan yläosassa. Tällaisissa tapauksissa kuva olisiko 100% korkeudesta.

Näin tämäntapaisen toiminnan (http://www.ringvemedia.com/introduction), mutta en saanut selville miten se toimii. Voisko joku auttaa?

5

316

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • m

      Sivun koodissa siis on:

      [div id="taustakuva"]
      [img src="tausta.jpg" /]
      [/div]

    • Selväjärki

      Ota se noin ensi aluksi pois. Koko sivun taustakuvassa ei ole järkeä, varsinkaan jos sitä venytellään.

      P.S. Ihan turha kertoa sellaisten sivujen osoitteita, joilta olet kopsannut ideoita, kun vika kuitenkin on todennäköisesti siinä, miten olet kopsannut. Siis oman sivusi osoite olisi ollut olennainen, jos koko ajatuksessa olisi jotain järkeä.

      • m

        En ole kopioinut tuolta sivulta mitään. Löysin linkin tuolle sivulle eräältä toiselta sivulta, jossa käsiteltiin koko sivun kokoisia taustakuvia.


    • josko tuosta jotain

      Näyttäisi tuolla sivulla olevan tyylimäärityksissä kuvalle tuollaiset:
      width:100%;height:100%;overflow:hidden
      position:absolute;top:0;left:0;z-index:70;overflow:auto

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

    Luetuimmat keskustelut

    1. Mies, mitä minun pitäisi tehdä

      Niin, mitä naisen siis pitäisi tehdä, että lähestyisit ja tekisit aloitteen? Mikä on riittävä kiinnostuksen osoitus juur
      Ikävä
      180
      2230
    2. Miksi teillä meni...

      ...välit poikki kaivattusi kanssa?
      Ikävä
      175
      1851
    3. Toivottavasti et mussukka elättele toiveita meikäläisen suhteen

      Tiedän mitä olet touhunnut joten aivan turha haaveilla mistään enää 👍
      Ikävä
      170
      1702
    4. Sofia Virralla ja Minja Koskelalla ei mitään käsitystä terveyskeskusmaksuista!

      Vasemmistopimut Sofia ja Minja täysin ulkona sote asioista, ei minkäänlaista käsitystä edes mittaluokasta, missä terveys
      Maailman menoa
      110
      1528
    5. Summit-tippuja Nicola sai Carolalta yllättävän viestin - Some älähtää rajusti: "Älä viitsi..."

      The Summit Suomi -kisa käy kuumana kylmässä Norjan vuoristossa. Nicola tiputettiin kisasta juuri ennen finaalia. Likaise
      Tv-sarjat
      26
      1494
    6. Nainen näytät mummolta. :D

      Siks sua ei huoli kukaan.
      Ikävä
      109
      1230
    7. Juusolle sataa vihaisia viestejä hoitajilta ja loput nauravat hänelle

      Ei löydy montaakaan, joka kehuisi Juuson toimintaa ministerinä: "Selvä enemmistö Juuson päivitykseen reagoineista on su
      Perussuomalaiset
      166
      1102
    8. Persuehdokas uhkasi tappaa "jätkän" ja ravintolayrittäjän

      Kuuntele tästä kuinka meuhkaa. https://www.iltalehti.fi/politiikka/a/4eb3034d-48c5-4f31-b53c-42be3dc9607c
      Perussuomalaiset
      77
      1073
    9. Varattais lähihotellista

      🥰 huone viikoksi. Oltais vaan ja tilattais huonepalvelusta herkkuja! Viikonloppukin käy jos et viikoksi ehdi ❤ Hyvää
      Ikävä
      148
      946
    10. Kompostointitarkastaja tuli tarkastukselle!

      En ole ikinä kompostoinnut ja eilen kävi kompostointitarkastaja kylässä. Tosi hianoa byrokratiaa taas: "Laki edellyttää,
      58
      945
    Aihe