webForumDet fria alternativet

Width på bild i CSS

HTML & CSS

3 svar · 491 visningar · startad av rikard81

Medlem sedan mars 2007311 inlägg
Frågan#1

Om man har ett foto som man vill ska täcka upp webbläsarens totala storlek anger man i HTML, width="100%". Då strechar fotot ut sig.

Men om man har fotot som backgrounds i CSS och vill att den ska sträcka sig över hela bilden, hur kodar man då? Tänker inte på background-repeat: no-repeat alltså.

Har försökt med background-size men det tycks inte funka? Just nu täcker fotot alltså kanske 80% av webbläsaren.

Medlem sedan juli 20013 378 inlägg
#2

Hmm...

Möjligheten att strecha en bakgrundsbild saknas för närvarande i CSS.

Du får lägga in en div med en bild i istället, och styla den som "bakgrundslager".

Exempel:
http://member.webforum.nu/2241/backgroundstretching.html

Tar du bort height:100% från bildens CSS i exemplet så skalas den proportionerligt istället.

Medlem sedan apr. 2005116 inlägg
#3

Fick upp följande från mitt virusprg när jag klickade på din länk

msg.gif
Medlem sedan juli 20013 378 inlägg
#4

Yep

Det verkar tyvärr som att member.webforum.nu är hackad för närvarande. :(

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)