正常情况下，在ie8下设置opacity是无效的，ie8下的兼容设置是：
opacity:.5; filter:alpha(opacity=50);
一般情况下是没有问题的，像jpg，gif之类的，但是当图片是png格式且背景透明，边界是不均匀的半透明图片（比如三角形）时，filter设置会使图片出现杂边，（像正方形这种边界整齐的图片不会出现这个问题）如图：
所以比较这两张图片的边界差异：
从网上搜索一些解决方法尝试效果：
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale); 这种方法可以去除杂边，但也会使opacity失效，想要设置图片透明过度是无效的。相当于没有设置opacity，总结来说相当于是无效的，因为ie8本身是支持png24的图片显示的。
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);同filter:alpha(opacity=50);效果一样，杂边依然存在。
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 这种设置貌似是无效的。
所以个人认为，ie8下仅用css无法设置透明背景图片的opacity过度效果，可以通过visibility或display来做简单的隐藏显示效果。
通过js配合可能能实现吧，后续考虑一下。
