Fade ind, og gør resten mørkt.

Tags:    css

Hej,

Er det muligt at gør så når den fader ind, at resten udenom bliver mørk?.
Så det kun er det som er fadet ind, som får blikket. Og resten er mørklagt ?.

Fold kodeboks ind/udCSS kode 



Det der menes, er at det som fader ind, er det man ser tydeligt.
Resten rundt omkring er mørkt.



Indlæg senest redigeret d. 18.10.2012 14:44 af Bruger #17369
3 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Typisk laver man en <div> der fungerer som et overlay over hele skærmen med position: absolute;.
Den kan du evt. lave i sort og give lidt gennemsigtighed med opacity.
Du sætter så dit overlay's z-index højere end de elementer du vil mørklægge, men mindre end din dialog's z-index.



Indlæg senest redigeret d. 18.10.2012 13:47 af Bruger #16319
Hej Rasmus.

Problemet er bare, at det lige nu er selve fadein der er sat med opacity.
Hvorfor?.


Fold kodeboks ind/udCSS kode 


Hvad gør jeg forkert?.

echo ("<div id=\"opetted\"><div class=\"oprettet\">INDHOLD</div></div>");



Tror du skal have gang i noget jQuery da en normal css selector kun selecter indad og dermed afskærer dig fra at lave transition på din yderliggende div der fylder det hele.

Kan man faktisk godt uden javascript: http://jsfiddle.net/ShUAE/1/



Indlæg senest redigeret d. 18.10.2012 15:24 af Bruger #17215
t