Div soll überlappen...

[Klabund]

Hi,

ich bin seit einiger Zeit am Suchen und probieren... ich will einen Layer auf dieser Seite einbauen:
http://www.spuren-elemente.info/

Dafür soll ein <div...> überlappen, daher der Bereich soll über allem anderen stehen. Klappt aber nicht. Entweder ist es oben oder unten, aber niemals über dern kompletten Inhalten.

Kann mir jemand helfen?

Danke im voraus.

 

[Peter Schneider]

Eigentlich sollte ein absolut positioniertes Element völlig losgerissen vom Rest der Seite platziert werden ;-). Wenn das Element am Ende des Seitencodes beschrieben wird, erscheint der Inhalt dann auch zuoberst.

#layer {
position: absolute;
top: 5px;
left: 5px;}
Sollte eigentlich ausreichen...

Falls das Layer sonst wo im Code erwähnt wird: Du kannst auch mit dem z-index nachhelfen...

http://de.selfhtml.org/css/eigenschaften/positionierung.htm

QUOTE z-index (Schichtposition bei Überlappung)

...wenn Sie mehrere Elemente positionieren, deren Anzeigebereiche sich überlappen, werden die Elemente normalerweise in der Reihenfolge übereinander angezeigt, in der sie definiert werden. Im Quelltext später notierte Elemente überdecken vorhergehende. Sie können die Reihenfolge ändern, indem Sie für die einzelnen Elemente Werte vergeben. Elemente mit höherem Wert überdecken Elemente mit niedrigerem.

 

[Klabund]

Danke dir ich habs jetzt so probiert:
CODE
<div style="position:absolute; top:1px; left:1px; z-index:3; border:0px;">
<iframe src="ebook.php" frameborder="0" width="100%" height="1300" overflow="auto"></iframe> </div>


Das klappt zur hälfte - d.h. nicht 100% vom Bildschirm wird ausgefüllt, sondern nur ein kleiner streifen. Eine Ahnung woran das liegt?

 

[Klabund]

Korrektur: Ich habs hinbekommen, hat sich erledigt. Danke

 

[Peter Schneider]

Alles klar!

Ansonsten hätte ich Dir noch "width"-Angaben ans Herz gelegt.

Bzw: background usw. bis es geklappt hätte ;-)

Als Anregung: kannst ja auch noch mit Opacity rumspielen. Da hast Du noch einige Möglichkeiten, den Hintergrund noch durchscheinen zu lassen. Wobei das ja noch je nach Browser ein wenig anders implementiert ist:

opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */

Aus:
http://www.w3schools.com/css/css_image_transparency.asp