wahsaga: Farbverlauf repetieren

Beitrag lesen

hi,

Hab versucht ein Segment (in Fireworks generiert) in y-Richtung zu repeaten. Das Segment beinhaltet einen Farbverlauf von oben nach unten (Dunkelblau -> Hellblau).

Du willst eigentlich von einer schlichten Grafik reden, die du als Hintergrundbild einbindest?

background-repeat: repeat-y
Leider wird jetzt das gesamte Segment repetiert. (Dunkelblau -> Hellblau -> Dunkelblau -> Hellblau,...)

Natürlich, genau deshalb bezeichnet man den Effekt ja auch als "kacheln" - wie bei den Kacheln im Badezimmer wird die Grafik immer wieder nebeneinander gesetzt.

Wie kann ich den Farbverlauf beibehalten. Das Segment sollte grösser werden, die Fraben jedoch nur 1x von Dunkelblau auf Hellblau überlaufen.

Du willst also das Bild strecken.
Mit Hintergrundbildern geht das in CSS 2(.1) gar nicht - in CSS 3 soll das kommen.

Dir bleibt also höchstens die Alternative, das Bild als richtiges Bild einzubinden, welches du mit einer entsprechenden (prozentualen) Breitenangabe versiehst, und irgendwie hinter deinem "Vordergrund-Inhalt" platzierst (bspw. über absolute Positionierung plus z-index, oder negatives margin).

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }