Grauer Schleier um Fenster (wie iCloud.com)

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?

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

Peter

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

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

Auch tuts der Back Button nicht.
(neumodischer Krams)

Zitat von combie

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?

Zitat von h3ll

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

Opera

Als Minderheit muss man mit sowas rechen =)

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.

Bitte Code umbrechen! Das solltest du doch langsam wissen.

Zitat von fabio

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