schräge Kanten mit CSS

[Matthias Apsel]

Hallo heinetz,

Danke, da das "übermalen" relativ leicht geht und sich das sogar für uralte IE umsetzen lässt,

Ich habe dabei eher nicht an alte Browser gedacht, sondern eher an

img { background-image: linear-gradient(to top left, white 20%, transparent 20%), url(foo.png); }

Ich gehe dabei davon aus, dass sich "Pixel-Treppchen" egal mit welcher Technik nicht vermeiden lassen.

Ich denke, es wird kaum Pixeltreppchen geben. Beispiel

Deine Anmerkung bzgl. eines u.U. korrespondierenden Seitenhintergrunds habe ich leider nicht verstanden aber vielleicht ist das das selbe, wie das was ich dazu geschrieben hatte:

Wenn der Hintergrund des Dokuments weiß ist, darf die Farbe im Verlauf nicht rot sein.

Das was ich damit, zugegeben etwas holprig, auszudrücken versucht habe, ist das ich direkt "neben" jeder Diagonale, immer mindestens eine unbenutzte Fläche zur Verfügung habe. D.h. ich kann eine schräge Kante erzeugen, indem ich einen diagonalen Gradient mit Farbe auf der einen und Transparenz auf der anderen Seite drauf lege, ohne etwas entscheidendes abzudecken.

Ja, nur eben nicht für alte IE.

Bis demnächst
Matthias