Koko sivun kokoinen taustakuva

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?
Ilmoita


4 Vastausta

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


Sivun koodissa siis on:

[div id="taustakuva"]
[img src="tausta.jpg" /]
[/div]
Ilmoita
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ä.
1 VASTAUS:
En ole kopioinut tuolta sivulta mitään. Löysin linkin tuolle sivulle eräältä toiselta sivulta, jossa käsiteltiin koko sivun kokoisia taustakuvia.
+Lisää kommentti
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
Ilmoita

Vastaa alkuperäiseen viestiin

Koko sivun kokoinen taustakuva

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?

5000 merkkiä jäljellä

Rekisteröidy, jos haluat käyttää nimimerkkiä.

Peruuta