Sebastian Becker: Farbverlauf garantiert ohne Stufen ...

Beitrag lesen

Hallo, Markus,

Ich will in einem Frame ein Bild als Hintergrundbild einfügen, allerdings kommt dabei ein Farbverlauf (von rot nach weiss) vor...der dann web-optimiert ziemlich mies aussieht, gibt es da einen Trick?!

mach's doch so ...

Für Ausgabegeräte mit hinreichender Farbtiefe schreibst Du den CSS-Stil per Javascript (document.write):

/* Internet Explorer */
body{filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#999999', gradientType='1');}

/* andere Browser */
body{background: url(verlauf_999999_FFFFFF.gif);}

In allen anderen Fällen (256-Farben-Monitor) wird dann nur die im body angegebene Hintergrundfarbe (ohne Verlauf) dargestellt.

Das Bild mit dem Verlauf würde ich mindestens 1920 px breit (so große Displays gibt es schon) und mindestens 10 px hoch (damit es nicht zu oft gekachelt werden muß) machen.

Der per MS Filter erstellte Verlauf erstreckt sich im Gegensatz zu dem per Bild erzeugten übrigens immer über die gesamte Fensterbreite ...

Grüße,

Sebastian