Баг с прозрачностью в Осликах нового поколения и упрощенный способ его решения найден!
Если полупрозрачная png-картинка или фоновое изображение имеет 8-битный альфа-канал, он превращается в 1-битный во время действия фильтра, меняющего свойсто opacity. Пиксели с альфа-каналом прозрачности заливаются чёрным цветом.
Решение проблемы для слабых духом — мухи отдельно котлеты отдельно хранить следует. Меняем opacity для одного элемента, png-картинку/фон храним в другом элементе.
Другое решение подразумевает применение filter: AlphaImageLoader:
.element {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="file.png",sizingMethod="scale");
}
Но, не все знают, что работает и вот такой упрощённый вариант:
.element {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();
}
Это поможет вам сильно не отвлекаться на поглаживания по головке и танцы с бубном вокруг священного животного :)