Grauer Schleier um Fenster (wie iCloud.com)

[fabio]

Hallo Team

Auf https://www.icloud.com hat es einen schönen Effekt und zwar einen grauen Schleier um das Fenster herum, sodass die Seite am Rand dunkler wirkt als in der Mitte.
Dadurch kommt der Inhalt in der Mitte besser zur Geltung.

Leider habe ich durch den Sourcecode von Apple nicht herausgefunden wie das angestellt wird.

Habt ihr irgendwelche Ideen wie man diesen Effekt anstellen könnte?

[Kropff]

Das ist ein ganz normales Bild. Die Steuerung läuft über CSS.

Peter

[admin]

einfach ein PNG (als Hintergrund von einem DIV) über den Hintergrund legen

[combie]

Die Seite mag meinen Browser nicht.
(und sagt das auch noch)

Auch tuts der Back Button nicht.
(neumodischer Krams)

[h3ll]

Die Seite mag meinen Browser nicht.
(und sagt das auch noch)

Also im IE, Firefox, Google Chrome und Safari gehts einwandfrei. Was hast du für einen komischen Browser?

[AmicaNoctis]

Also im IE, Firefox, Google Chrome und Safari gehts einwandfrei. Was hast du für einen komischen Browser?

Bleibt ja nur noch Opera und Lynx

[combie]

Opera

[h3ll]

Als Minderheit muss man mit sowas rechen =)

[fabio]

Habe jetzt gefunden, welcher CSS Class der Effekt zuzuordnen ist.

#noscript div#container div.float-center-gradient
{z-index:102;position:absolute;
background-image:url("/system/cloudos/en-us/1FCS29.34215/source/resources/no_javascript/BG_Radial_gradient.png");
top:50%;left:50%;margin-top:-1100px;
margin-left:-1500px;width:3000px;height:2000px;}

Interessanterweise hat der Inspector von Safari die BG_Radial_gradient.png Datei gar nicht angezeigt.

Naja, wird klappen.

[AmicaNoctis]

Bitte Code umbrechen! Das solltest du doch langsam wissen.

[Kropff]

Interessanterweise hat der Inspector von Safari die BG_Radial_gradient.png Datei gar nicht angezeigt.

Liegt wohl daran, dass das größtenteils über JavaScript läuft. Aber der Code ist echt die Hölle und auf den ersten Blick nicht zu durchschauen. Apple halt.

Peter