img {
background-image:url('billede.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Ikke let...
Du kunne måske indføre et ekstra lag mellem den faste baggrund og indholdet.
Dette mellemlag skal dimensioneres ifht. indholdsområdet så det ikke i sig selv udløser overflow:
(position:absolute;width:100%; height:100%;top:0px;left:0px; overflow:hidden;)
På dette nye lag, kan du så lægge din "effekt" grafik (position:absolute).
<div id=samler>
<div id=baggrund z-index=1>
<div id=effekter z-index=2>
<div id=indhold z-index=3>
</div>
Det burde kunne bringes til at virke - med lidt vedholdenhed :)
- evt. en event til at re-positionere effekten efter window-resize..
Var måske lettere at lave nogle varianter af den almindelige baggrund.
(preloaded, så de vises med det samme, når du aktiverer effekten)
Mange tak for jeres kommentar begge to!
Jeg har rodet lidt med jeres forslag, men jeg synes ikke at kan komme frem til noget der virker. Jeg er sikker på at jeg har set noget ligende blive brugt, af diverse avis hjemmesider for nogle år side, men kan ikke lige finde nogle eksempler på det pt.
Her på eksperten bruger man noget lignede i højre side, hvor der kommer en masse reklamer hvis skærmen er bred nok, den løsning dur bare ikke for mig, da min billeder skal virke som om at de indgår i baggrunden, dvs. ikke lige pludselig poppe op :-)
Jeg har droppet det og laver en knap så avanceret løsning :-)
Tak for jeres tid!