webForumDet fria alternativet

Width på bild i CSS

3 svar · 491 visningar · startad av rikard81

rikard81Medlem sedan mars 2007357 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 295 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. 2005117 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 295 inlägg
#4

Yep

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

Genererad på 382 ms · cache AV · v20260730165559-full.f96bc7eb