Hej

Har en ganska stor bakgrundsbild, som jag vill visa i sin helhet oavsett storlek på webläsarfönstret.

Bilden är c:a 1700 pixlar bred för att se schyst ut för de som begåvats med stora skärmar.


Men jag vill att den blir lika bred som fönstret, oavsett om fönstret är bredare eller smalare än 1700 pixlar.



Trodde i min enfald att det bara vara att sätta width: 100%, så blev den så, men det betyder ju tydligen att bilden skall visas i 100% av sin egen bredd.



Vill helt enkelt att bilden anpassar sig efter storleken på fönstret, och alltid fyller upp hela fönstret....
Om fönstret är 800 pixlar brett, så skall bilden vara 800pixlar bred, och höjden skalas automatiskt efter bildens höjd/breddförhållande.



Hur gör man detta i CSS?

Kort svar: går inte

Längre svar: genom att mecka med javascript så går det antagligen att lösa, sen är problemet att få det hela cross-browser kompatibelt

Men det hela är en dålig ide pga t.ex. dessa orsaker:
- du måste skicka en onödigt stor bild till klienterna
- browsrarnas "skalning" är inte av den kvalitet den borde vara