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

364

    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. Onko kaivattusi ulkonäkö

      tarpeeksi miellyttävä? 🥕
      Ikävä
      136
      1970
    2. Toivotko koskaan mies...

      Että nähtäis ja aloitettais alusta, puhtaalta pöydältä tutustuminen. Olit oikeassa ei me kunnolla tunnettu. Olin hölmö.
      Ikävä
      128
      1625
    3. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      1
      1506
    4. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      88
      1413
    5. Svty paska työpaikka

      Elekää kukaan hakeku sinne töihin.
      Suomussalmi
      32
      1381
    6. Kyllä näin 45 vuotiaana miehenä pitää sanoo, että 40-50v naiset näyttää vanhoilta

      Niin väsynyttä, silmäryppyä, harmaata hiusta jne jne
      Ikävä
      132
      1204
    7. Olisin valmis salaisiin tapaamisiin

      Juuri sinun kanssasi mies. Olet saanut minun pääni pyörälle ja ajatukseni pyörimään ympärilläsi. Hittoon velvollisuudet
      Intohimo
      50
      1090
    8. Onko viisikko aktivoitunut

      Taas ruumis !! Viisikko ryskää kukaan ei pärjää
      Seinäjoki
      24
      1089
    9. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1021
    10. Olet ihana mies

      Mun söpöliini 🙊😘
      Ikävä
      50
      872
    Aihe