Hei, jeg lurer litt på hvordan lightbox, blackbox, facebook, google+ o.l. gjør når dem får opp dette "pop-up" vinduet, som skyggelegger alle andre html-elementer enn de som ligger innenfor "pop-up" vinduet. Finnes det en slik funksjon i JS, eller legger dem bare over ett nytt "lag" (<div></div>) med bg farge? Men elementene på baksiden er jo ikkje klikkbar som dem skulle vært igjennom ett html-element.

Noen som har en ide?

Kjappt søk på google:
http://www.daniweb.com/web-developme...threads/285579

Jeg orker ikke forklare og oversette dette, ikke vits i å gjenoppfinne kruttet

Kort forklart:
Lag et block-element, sett z-index til høyest i documentety. Bruk en alpha-transparent png som backgrunnsbilde. Posisjoner elementet som absolutt i forhold til body. finn top, left posisjon i forhold til scrollTop, scrollLeft, og størrelse via window.innerWidth, window.innerHeight. Bruk event-handlers for å korrigere etter resize/scroll

Legg inn div-en under i koden din og se hva som skjer.

<div style="left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0.5; background-color: black"></div>

http://www.w3schools.com/cssref/default.asp

For fading inn og ut er det best å bruke dojotoolkit, mootools, jquery, el.l.