wahsaga: Layer visible und hidden

Beitrag lesen

hi,

Das stimmt auch wieder. Wenn der User z.B. die JavaScript im Browser deaktiviert, dann funktioniert das Ganze natürlich nicht.

Da würde ich folgende recht einfache Lösung vorschlagen:

Mach das Verstecken der Elemente über den Nachfahrenselektor:
"Verstecke" im normalen CSS für die Seite nicht einfach über

.klasse { ... }
#id { ... }
.elementname { ... }

sondern schalte eine weitere Klasse davor:

.jsIstAn .klasse { ... }
.jsIstAn #id { ... }
.jsIstAn .elementname { ... }

So lange du diese Klasse nirgendwo vergibst, sind die Elemente nach dem Laden der Seite sichtbar.

Per Javascript gibst du jetzt nach dem Laden der Seite (onLoad) dem body die Klasse jsIstAn,
<body onLoad="document.body.className='jsIstAn';">

Hat der User Javascript aktiviert, bekommt body sofort nach dem Laden die Klasse jsIstAn verpasst - die oben genannten CSS-Regeln mit dem Nachfahren-Selektor "greifen" jetzt, die Elemente werden zunächst nicht angezeigt.

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }