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?
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?
Vastaukset 4
Vanhimmat
Sivun koodissa siis on:
[div id="taustakuva"]
[img src="tausta.jpg" /]
[/div]
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ä.
En ole kopioinut tuolta sivulta mitään. Löysin linkin tuolle sivulle eräältä toiselta sivulta, jossa käsiteltiin koko sivun kokoisia taustakuvia.
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