画像がグレースケールであるという効果を実装しようとしていますが、ホバーすると色が付けられるはずです。基本的には機能していますが、IE8 では一部の画像 (すべてではない)の周りに奇妙な黒い境界線が表示されます。
ここにデモページがあります。
したがって、VentureBeat のロゴは予想どおりに見えますが、openWebasia のロゴは台無しになっています。画像の何かが間違っているように思えますが、何が原因なのかわかりません。これは IE8 でのページのスクリーンショットです。
なぜそれが起こっているのか誰か知っていますか?
編集: 最初のロゴのトランジションも少しめちゃくちゃです。画像に問題があるようです。