Наложение полупрозрачного треугольника на изображение

[pvk]

Здравствуйте.

Подскажите пожалуйста идеи как создать вот такой полу-прозрачный треугольник в левом верхнем углу.

От середины левой стороны картинки к верхнему правом углу.

Размеры исходного блока с фотографией не постоянны.

--

Забыл добавить, что требуется поддержка только современных броузеров на базе webkit и не поддерживать пережитки прошлого.

Edited January 13, 2012 by pvk

[pvk]

Совместными усилиями с Илюхой (а на самом деле одним Илюхой) удалось соорудить кросс решение. Через SVG в base64. Хром подвёл зараза, но удалось кое-что и там починить. В общем два решения выношу на обозрение.

1) http://jsfiddle.net/bj7Jk/17/ (Хром подвёл)

2) http://jsfiddle.net/bj7Jk/21/ (Кросс)

Ребята, Вы маньяки

Большое спасибо!