Transparenter Hintergrund

html.de-Forum HTML, XHTML & CSS
1

Hallo Leute, ich hab ein Popup was auf Knopfdruck aufgeht.
Welches den Rest der Seite dann „ausgraut“.

Allerdings geht dieser Kasten bzw. Hintergrund trotz „height:100%“ nicht über die ganze Seite.

http://puu.sh/7RIfm.png
Man siehe unten, es ist allerdings nur so, sobald man runter Scrollt.

CSS:

.black_popup{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
     height:100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
2

Wenn du eh mit position: absolute; arbeitest, dann nimm noch „bottom: 0;“ dazu, dann sollte es passen. Ggf. sogar noch right: 0;

PS: Bei top und left sind die Prozentzeichen überflüssig.

3

Hat leider nicht geklappt, nach wie vor das Problem, das es zwar alles soweit klappt wie ich das möchte, allerdings nur bis man runter scrollt.
Sobald man nur 1pixel nach unten scrollt, wird es nichtmehr transparent angezeigt

http://puu.sh/7RQyo.jpg

.black_popup{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
     height:100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
4

Vielleicht hilft position: fixed;

5

Perfekt! :slight_smile:
Hat geklappt, vielen dank