CSS：IE 8中的过滤器看起来很混乱

Question

我正在尝试实现这种效果，即图像是灰度的，但是悬停时应该将其着色。 基本上可以正常工作，但是在IE8中， 某些图像（但不是全部）周围显示出奇怪的黑色边框。

这是一个Demopage 。

因此，您可以在VentureBeat徽标上看到它看起来像预期的那样，但是openWebasia徽标被弄乱了。 在我看来，带有图像的东西是错误的，但是我不知道是什么。 这是IE8中页面的屏幕截图 。

有人知道为什么会这样吗？

编辑：第一个徽标上的过渡也有些混乱。 图像似乎确实有问题。

Answer 1

好吧，我再次用Photoshop导出了透明PNG，现在看来还可以。 知道问题出在哪里还是很有趣的。