Vorhang oder Schleier? (via Layer)

[HP-User]

Hallo

Ich beabsichtige bald eine Webseite online zu schalten. Dabei gehe ich in zwei stufen vor:

A) Teil-Eröffnung
Läd' Internetsurfer zum mitmachen ein.
Dieser Modus kann auch längere Zeit anhalten, bis genügend Infos gesammelt sind.

B) Voll-Eröffnung
Hier wird die kömplette Seite mit allen Bereichen freigeschaltet.

Für die A-Phase Dachte ich an ein Tuch, Vorhang oder Schleier, der fast alles der Seite abdeckt, und nur winzige "Ecken" herausblitzen läßt. Ich meinte ich hätte sowas mal als Layer gesehen. Leider kenne ich nicht die Anzeigemöglichkeiten eines solchen, bzw. ob so ein Layer von den gängigen Browsern verstanden wird.

Was gibt es noch für Möglichkeiten, auf einen Teil-Betrieb der Seite hin zu weisen?

Gruß HP-User

PS: Die Begriffe bei A und B sind etwas blöde gewählt. Mir ist auf die Schnelle nichts besseres eingefallen. Vielleicht fällt euch da auch was besseres ein.

[HP-User]

Hallo Forum

Nach genauerer Betrachtung ist es doch eher ein CSS-Fall:

Im CSS kann ich hier einstellen, was ich will - keinen Effekt auf die Darstellung

  
div#upper_cover {  
                  position: fixed;  
                  z-index: 100;  
                  visibility: visible;  
                  margin-top: 10px;  
                  width: 700px;  
                  height: 400px  
                  border-style: solid;  
                  border-width: thin;  
                  border-color: #ff8200;  
                  background-color: #000000;  
                  }  

Im HTML an beliebiger Stelle das hier:

  
<div id="upper_cover">  
</div>  

Ich habe die z-Index-Zahl mal auf 100 "hoch" gedreht, um zu erreichen,das das DIV in jedem Fall im Vordergrund ist. Aber es tut sich nichts.

Gruß HP-User

[ChrisB]

Hi,

div#upper_cover {
                  position: fixed;
                  z-index: 100;
                  visibility: visible;
                  margin-top: 10px;
                  width: 700px;
                  height: 400px
                  border-style: solid;
                  border-width: thin;
                  border-color: #ff8200;
                  background-color: #000000;
                  }

  
Mit dem Syntax-Highlighting hier siehst du den Fehler selber, oder?  
  
(Fehlendes Semikolon nach height:400px)  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[HP-User]

Hi ChrisB

Das Semikolon wurde gesetzt. Ich bekomme aber immer noch kein schwarzes Rechteck über die Seite gelegt.

Kurzfristig online:

Testobjekt

Wie eingangs erwähnt, wäre das Ziel, die gesammte Seite mit einem Rechteck - mehr oder weniger zu bedecken. Wenn man in diesem Rechteck ein gif-Hintergrundbild schalten könnte, wäre es ganz perfekt. Dann könnte man dieverse "Abdeckungen testen.

Aber primär ist erst mal ein Rechteck hilfreich.

Kann mir jemand sagen, was ich falsch mache?

Gruß HP-User

[ChrisB]

Hi,

Kann mir jemand sagen, was ich falsch mache?

Du machst keine Angabe, *wo* das Element positioniert werden soll.

MfG ChrisB

[Malcolm Beck´s]

مرحبا

Kurzfristig online:
Testobjekt
Kann mir jemand sagen, was ich falsch mache?

Ohne Top, ohne div.

div#upper_cover {  
    top:0;  
}

mfg

[HP-User]

Abend Leute

Code geändert:

  
div#upper_cover {  
                  top: 0;  
                  position: absolute;  
                  display: block;  
                  left: 50%;  
                  margin-top: 130px;  
                  margin-left: -375px;  
                  width: 750px;  
                  height: 700px;  
                  border-style: solid;  
                  border-width: thin;  
                  border-color: none;  
                  background-color: #000000;  
                  }  
  

~~~das hat funktioniert. Das Black-Layerist jetzt einstellbar.  
Beispiel wieder runtergenommen.  
  
Danke für die rasche Hilfe  
  
Gruß HP-User  
  
PS.: Problem errledigt!