webForumDet fria alternativet

Width på bild i CSS

3 svar · 491 visningar · startad av rikard81

rikard81Medlem sedan mars 2007311 inlägg
#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.

jarvkloMedlem 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.

budg1eMedlem sedan apr. 2005116 inlägg
#3

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

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

Yep

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

124 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)