ich habe ein problem. Es geht um folgendes: wenn ich bei meiner webseite auf einen button klicke wird der hintergrund ausgegraut. dies habe ich realisiert, indem ich beim klick eine div box einblende (position: absolute; color: grey; width:100%; height:100%;...). Der sinn soll sein, dass der user auf nix mehr von der seite klicken kann, aber die div box graut nur die seite in bildschirmhöhe aus, was bedeutet, wenn ich runterscrolle sieht man, dass der div container dort weg ist und der user kann dort navigieren. ich brauche eine lösung, die die gesamte seite ausgraut, auch dass scrollen nix mehr hilft. Schon im Vornherein danke.
-
Ich denke das wird nur mit JavaScript machbar sein, das wenn die Bildschirm Höhe mit scrollen erreicht ist der graue div entsprechend in der Höhe anpasst. Ne genaue Lösung habe ich aber auch nicht parat. -
Das nennt sich (modal) overlay. Im Endeffekt musst Du das DIV so hoch wie möglich im DOM einbauen, absolut positionieren (top, bottom .. : 0) und das position-Elternelement muss die Höhe des gesamten browser viewports einnehmen. Wie auch immer Du das umsetzt.
PS: position:fixed wäre die andere Möglichkeit.Kommentar
-
thx nikosch, position fixed hört sich gut an, habs ausprobiert und hat super geklappt.Kommentar
Kommentar