Wie wurde das gemacht?

[sin777]

Hallo, ich bin auf folgende Seite gestoßen und frage mich, wie diese Runden backgrounds samt Schatten gemacht wurden.
Sind das background-images oder pngs? Und wie wurde dieser Schlagschatten gemacht? Verwendet man dazu Alpha-Werte auf einem png? alpha-transparenz wird doch aber nicht in jedem browser unterstütz, oder?

Gruß :)

 

[Tar]

Mh. Scheinbar hast du "folgende Seite" vergessen. Dein Ansatz ist jedoch (teilweise) richtig. Eine mögliche Lösung ist die von dir beschriebene, mit PNGs und Halbtransparenz. Dies wird, wenn ich mich richtig erinnere nur vom IE6 (und 7?) nicht unterstützt. Der andere Ansatz wäre die CSS3-Eigenschaft Box-Shadow, die allerdings noch etwas weniger Browserunterstützung hat als die Bild-Methode.

 

[sin777]

Ups :)

time4joomla - Kostenlose Tutorials

 

[Tar]

Jop, dort wurde es mit CSS gemacht:

box-shadow: 0 10px 10px #000000;

 

[Cheffchen]

Hallo,

css3 Spielerein, der hat sich echt ausgelassen :O).

aber pie.htc nicht vergessen wie der wegen IE ab 6.
CSS3 PIE: CSS3 decorations for IE

Cheffchen

 

[sin777]

Danke für eure antworten :) funktionieren mit Hilfe von von PIE box-shadow, border-radius und linear-gradient etwa im IE 6-aktuell und in jedem anderen browser?

 

[threadi]

Ja, im IE<=8 funktionieren dann diese Eigenschaften.

 

[sin777]

Und in Firefox, Opera, Safara, Chrome, ..?

 

[Tar]

Auch. (Mindestlänge)

 

[threadi]

Die brauchen die PIE-Datei nicht. Die beherrschen diese Eigenschaften von Haus aus.