Текст под полупрозрачным png в IE7 / 8 полная непрозрачность

Question

Изображения здесь хорошо иллюстрируют проблему:

Проблема:

Как это должно выглядеть:

Но, в двух словах, у меня есть png с альфа-прозрачностью, отображаемой поверх остальной части страницы. В IE7 и IE8 текст под изображением png имеет полную непрозрачность, тогда как изображение под изображением png корректно не отображается.

Что мне сделать, чтобы это исправить?

Answer 1

Ваша проблема не в прозрачности текста под изображением.

IE отображает прозрачное изображение за текстом, поэтому ваша проблема связана с Z-Index. Вы можете попробовать установить position:relative для родительского элемента dom вашего меню.