webForumDet fria alternativet

Skapa övergång --> Bakgrund

HTML & CSS

2 svar · 280 visningar · startad av hoolaboola

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

Jag skulle vilja ha tips på sidor (eller om någon kan tala om) som visar hur man skall göra för att få en övergång från innehållet till en bakgrund som är tonad. Bifogar exempel. Där det ligger en vit skulle som går ut i en tonad grå bakgrund.

Namnlöst-1.jpg
Medlem sedan apr. 200312 679 inlägg
#2

Du behöver använda png-filer för att uppnå en sån effekt. Där den vita skuggan är transparant mot den gradierade bakgrunden.

Ett exempel skulle kunna se ut så här:

body {background: url(gradient.png) repeat-x;}
#wrap {width: 800px; background: url(shadow.png) repeat-y; margin: 0 auto;}

Vad du gör är alltså att du lägger en bakgrundsbild på bodyn och sedan en transparant skugga över den bilden, som bakgrund som ligger över.

Har tyvärr ingen länk att ge dig, men är det oklart kanske jag kan förtydliga lite. :)

Ett utropstecken dock. PNG-filer stöds inge vidare i IE6. Det kan vara värt att tänka på.

Medlem sedan maj 2003352 inlägg
#3

PNG-filer stöds inge vidare i IE6. Det kan vara värt att tänka på.

...Det går dock att lösa med lite fix, men kan man bygga en lösning utan transparent .png så är det helt klart att föredra.

253 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)