Elikkä kuinka saa nettisivun taustakuvan näkymään kaikilla resoilla saman kokoisena? Esim. jos kuva on 800x600 niin kuinka sen saa näkymään kokonaan 1024x768 resolla?
Kiitokset vastaajille jo etukäteen.
Äkkisellä päällä ajateltuna sinulla tulee olla kullekkin "resolle" sopiva kuva, esim. juuri tuon kokoisina. Javascriptillä voi tutkia resoluution ja näyttää sitten sivun sen mukaan.
Käytännössä on parempi lähteä ihan vaan siitä, että nettisivuilla ei voi käyttää isoa taustakuvaa aina viemässä koko ruudun taustalla. Voit tietysti tehdä taustakuvan, joka on keskitetty ja jonka laitat sulautumaan mahdollisimman siististi toistuvan taustan kanssa.
Ison kuvan ongelmat ovat kuitenkin:
- iso tiedostokoko, hidas latautuminen
- jokaiselle mahdolliselle ikkunakoolle kuvan toteuttaminen on älyttömän vaivalloista: selain ei aina ole kokoruudussa, se ei ole aina 4 x 3 tai 16 x 9 tai 16 x 10 -kuvasuhteella, selaimien välillä on eroja ruudulla olevien työkalupalkkien ym. kanssa ja niin edelleen
- kuvaa ei voi venyttää niin ettei siihen tule pikselöitymisongelmia: vain IE:stä löytyy mahdollisuus venyttää kuvaa nätisti, muutoin joutuu käyttämään jotakin raskasta JavaScript-kikkaretta
Muutenkin isoa taustakuvaa käyttäen törmää siihen ongelmaan, että se tuhlaa ruututilaa ja toisaalta sisältö on se asia, jolle tilaa kannattaa varata, ja se tila on kuvalta pois. Turha laittaa sisällön taustalle näkymään kuvaa, ainakaan täysiverisenä, jos se ei sieltä sisällön takaa kuitenkaan näy (laimennetut taustat pakkautuvat paremmin kuin täysdetaljiset, mikä kannattaa muistaa).
Kyseessä on siis sellainen sivu johon tulisi taustalle vanha kartta vesileimana ja siihen päälle tulee kuvia jotka ovat linkkejä.
Kuvan css-muotoiluihin kun laitat sijainniksi absoluten, top ja left 0px sekä korkeudeksi ja leveydeksi 100%
IE:lle saa pehmeämmän kuvan käyttäen filteriä CSS:stä käsin, mutta en muista sen syntaksia tähän tarkoitukseen (käytän filteriä vain läpinäkyviä PNG-kuvia varten).
Jos taustakuvan vääristyminen ei tapauksessasi sinua liiemmälti haittaa, voisi http://www.cssplay.co.uk/layouts/background.html tulla kyseeseen.
Kiitos. Tuo oli juuri se mitä hain tällä.
Aihe on jo aika vanha, joten et voi enää vastata siihen.