Ich habe einen grafischen Hintergrund und muss in der linken oberen Ecke ein farbiges Dreieck anzeigen (unabhängig von der Auflösung).

Kann ich ein dreieckiges Element nur mit HTML / CSS / JS mit width = 100% und height = 200px mit background = red erstellen?

Ich kann es per IMG mit width = 100% erstellen, aber ich hatte mir eine bessere Lösung erhofft, als die Größe eines Bildes zu ändern.

Die Lösung muss mit IE7 + kompatibel sein und Browserversionen verwenden (mehr als 2%).

Vielen Dank