Как создать треугольную форму (фиксированная высота, ширина = 100%) с фоном
У меня есть графический фон, и мне нужно отобразить цветной треугольник в верхнем левом углу (независимо от разрешения).
Могу ли я создать элемент в форме треугольника, используя только HTML / CSS / JS с шириной = 100% и высотой = 200 пикселей с фоном = красным?
Я могу создать его с помощью IMG с шириной = 100%, но я надеялся на лучшее решение, чем изменение размера изображения.
Решение должно быть совместимо с IE7 + и использовать версии браузера (более 2%).
Спасибо