contao/import — Issue #3085: Besserer support für CSS3-Farbverläufe
Author: importer
Created: 2011-11-29 20:50:29+00:00
State: open
Labels: Feature, framework

Hallo,

ich habe mir gerade den aktuellen Stand der v2.10 angeschaut. Dabei ist mir aufgefallen, dass CSS3-Farbverläufe zwar unterstützt werden, jedoch leider nur sehr sporadisch. So kann man momentan nur den Farbverlauf in eine Richtung machen und nur für einige Browser. Sprich momentan wird folgendes erzeugt:

```
background:linear-gradient(#444444,#333333);
background:-moz-linear-gradient(#444444,#333333);
background:-webkit-gradient(#444444,#333333);
-pie-background:linear-gradient(#444444,#333333);
behavior:url("plugins/css3pie/PIE.htc");
```

Was hier fehlt: der -o-Präfix (Opera 11.10) und der -ms-Prefix (MSIE10).

Ansonsten, was von den Einstellungsmöglichkeiten fehlt:
* Startposition (top left, bottom left, top, ...)
* Verlaufwinkel (0°, 30°, 90°, ...), denn aktuell wird nur ein einziger Fall abgedeckt
* Zwischenstoppunkte mit jeweiligen neuen Farben (hier wäre ein Wizard angebracht)
* Wiederholender, einfacher Farbverlauf oder radialer Farbverlauf? (linear-gradient, repeating-linear-gradient, radial-gradient) -> Combobox, anhand der Contao entscheidet, welches Tag er nutzt.

Beschreibung von [Mozilla](https://developer.mozilla.org/en/CSS/-moz-linear-gradient,) [MS-Demo](http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html) die für alle Browser den CSS-Code erzeugt.

Ansonsten zum Verhalten: Wenn man einen Farbverlauf einstellt, kann ein Hintergrundbild trotzdem einen Sinn habe, denn wenn der Browser den Farbverlauf nicht unterstützt, fällt er darauf zurück.
Beispiel:

```
background:url(mygradient.png);
background:linear-gradient(#444444,#333333);
```

Sorgt dafür, dass ein Farbverlauf per CSS3 angezeigt wird, wenn der Browser das unterstützt. Ansonsten wird die Hintergrundgrafik geladen und angezeigt. Und das ganze Funktioniert auch noch ohne JS (was gegen css3pie spricht).

Von daher wäre ich für folgende Änderung:
* Entweder Contao erstellt die normale Background-Anweisung, um JS-lose-Komptaibilitätsweichen zu ermöglichen
* Oder Contao signalisiert per Radiogroup, ob man einen Farbverlauf verwenden möchte, oder nicht, denn das geht aus dem Backend momentan nicht hervor.

--- _Originally created by SunBlack on May 17th, 2011, at 05:23pm (ID 3085)_