Farbverlauf als HTML Code

MA3 · 04.05.2008, 19:21

Hi, ich habe da ein kleines Problem.

Ich soll für die Schule eine kleine Homepage erstellen und als Hintergrund wollte ich gerne einen Farbverlauf benutzen.

Ich habe folgenden benutzt:

<body style="filter

rogid

XImageTransform.Microsoft.Gradient
(endColorstr='#3399ff', startColorstr='#ffffff', gradientType='0');">

Der Farbverlauf ist super und ist genau das was ich brauche. Leider funktioniert der Farbverlauf nur im Internet Explorer und nicht bei Mozilla Firefox. Unsere Lehrer wollen aber das es auf allen Browsern funktioniert.

weis hemand wie es funktioniert bzw welchen Code ich eingeben muss?

P.S. Die einfache Variante mit Background und bla, dürfen wir nicht benutzen.

Ich bitte um Hilfe

MfG

Anzeige

Schau dir mal diesen Bereich an. Dort ist für jeden was dabei!

Mire · 04.05.2008, 20:36

MA3

Hi, ich habe da ein kleines Problem.

Ich soll für die Schule eine kleine Homepage erstellen und als Hintergrund wollte ich gerne einen Farbverlauf benutzen.

Ich habe folgenden benutzt:

<body style="filter:progid:DXImageTransform.Microsoft.Gradient
(endColorstr='#3399ff', startColorstr='#ffffff', gradientType='0');">

Der Farbverlauf ist super und ist genau das was ich brauche. Leider funktioniert der Farbverlauf nur im Internet Explorer und nicht bei Mozilla Firefox. Unsere Lehrer wollen aber das es auf allen Browsern funktioniert.

weis hemand wie es funktioniert bzw welchen Code ich eingeben muss?

P.S. Die einfache Variante mit Background und bla, dürfen wir nicht benutzen. :(

Ich bitte um Hilfe ;)

MfG

"filter:.." gibts nur bei M$ Browsern. Ich wage zu behaupten, dass es keine aehnliche Loesung fuer Opera/Firefox fuer Gradients gibt.. eventuell mit CSS, oder JScript.. oder mit PHP waers bestimmt recht simpel ; )

Edit: Hm, "background-size:" gibts erst in CSS3 .. damit sind die derzeitigen Optionen fuer dynamischen Gradient wohl ziemlich eingeschraenkt >_<
Edit2: Das ohne CSS3 dynamisch zu machen ist etwas doof.. aber so ginge es: Eine 100% breite und hohe leere, evtl unselektierbare Tabelle. Die Tabelle bekommt als Hintergrund einen 1 Pixel breiten und viele Pixel hohen Gradient. Per CSS dann den Hintergrund oben anfangen lassen und nach x Richtung wiederholen.. etwa so: http://j-suki.de/test3.html
Edit3: Info zu CCS3's background-size:

http://www.css3.info/preview/background-size/

The only browsers having this feature implemented so far are Opera 9.5, Safari 3 and Konqueror