Фильтр alpha (используемый jQuery в качестве запасного варианта в IE, где CSS opacity не поддерживается) не может сосуществовать с изображением, имеющим альфа-канал, как переменная прозрачность в PNG.Это заставляет частично прозрачные черные пиксели на краях ваших фигур полностью непрозрачными, вызывая артефакты.
Вы можете получить лучший результат, поместив альфа-фильтр на <div>, что содержит полупрозрачное изображение.(Если вам нужна поддержка IE6, вам также потребуется исправление PNG на самом изображении.) Это все еще не совсем верно, поскольку непрозрачность каждого пикселя берется как минимум непрозрачности изображения и непрозрачности фильтра, а недва умноженных.Но часто все выглядит хорошо и не представляет слишком непрозрачной проблемы, с которой вы здесь сталкиваетесь.