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?
Koko sivun kokoinen taustakuva
m
5
322
Vastaukset
- 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
- 406983
- 323938
- 453330
- 402939
- 172716
- 372238
- 162196
- 412143
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons482077- 402028