Кроссбраузерный прозрачный фон rgba с сохранением непрозрачности содержимого (текста и изображений)

Я хочу, чтобы фоны rgba работали во всех браузерах. Я немного поискал и обнаружил, что обычно существует три типа браузеров:

1) Браузеры, поддерживающие rgba.

2) Internet Explorer, который поддерживает rgba через причудливую вещь '-ms-filter'.

3) Браузеры, которые не поддерживают rgba, но я мог бы использовать изображения png base64 с «схемой URI данных». (Даже если браузер не поддерживает схему URI, согласно это , это все равно можно сделать.)

У меня нет проблем с браузерами, поддерживающими rgba, и я могу заставить его работать с IE, но проблема в что я понятия не имею, как сгенерировать изображения png base64 на стороне клиента для схемы URI. Я действительно не хочу предварительно генерировать файлы png, потому что мои значения rgba непостоянны. Я мог бы использовать динамическую генерацию png с библиотекой php gd, но мне бы очень хотелось сделать все это на стороне клиента. Итак, я хотел бы знать, есть ли хороший способ создания полупрозрачных изображений png с помощью java-скрипта. После этого я мог бы просто закодировать их в base64 и использовать со схемой URI?

Спасибо.

Изменить:

Я хочу иметь полупрозрачный фон div с полностью видимым содержимым.