[Witi]

CSS

opaque {
background-color:#000000;
color:red;
font-size:24px;
height:100%;
left:0pt;
opacity:0.75;
position:absolute;
text-align:center;
top:2em;
width:100%;
}

HTML

<p class="opaque" id="blackLayer"><a onclick="document.getElementById('blackLayer').style.display = 'none';return false" href="#">Mach mich weg</a></p>

Hoffe ich habe mich nicht vertippt.

[Witi]

Hättest auch selber sehen können, da ich im CSS einen Punkt vergessen habe.

		.opaque {
			background-color:#000;
			color:red;
			font-size:24px;
			height:100%;
			left:0pt;
			opacity:0.75;
			position:absolute;
			text-align:center;
			top:0pt;
			width:100%;
		}

[[Elite-|-Killer]]

top:2em;

entfernt bzw in 0px geändert?

[[Elite-|-Killer]]

Ich habs jetzt schnell in Opera getestet.
Also bei mir funktioniert die 2. Version die ja mit "top: 0px;" gepostet ist perfekt, lediglich bei 2em hatte ich den Rand oben, was auch logisch ist...
Also mir ists grad ein Rätsel.
Das einzige was mir einfallen würde wäre sowas:

<div style="position: absolute; top:20px; width: 100%; height: 100%">
  <p class="opaque" id="blackLayer">
	<a onclick="document.getElementById('blackLayer').style.display = 'none';return false" href="#">
	  Mach mich weg</a>
  </p>
</div>

Also, dass das Element mit der opaque Klasse in einem absolut positionierten Element enthalten ist.

Dieser Beitrag wurde von [Elite-|-Killer] bearbeitet: 26. September 2007 - 22:35

[Witi]

hmm...kannste uns den kompletten Code der Seite zur Verfügung stellen oder wenn es irgendwo liegt den Link schicken?