前景图片叠加问题，前景图片为png，格子透明，在ie8下显示不正常
<li><a href="/cn/works.aspx?typeid=35&id=278">
                                <img src="/upload/imglist/20130807164405EPu.jpg" /></a>
                                <div class="hoveron" style="position: absolute; z-index:100; left:0px;top:0px; width: 312px; height: 168px;  background-image: url(/images/websit/hover.png); background-repeat: repeat;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;"></div>
                                </li>

如下图，在火狐google等正常，在ie8下就这样
不正常

正常

前景图片



那位大师能帮忙解决 ？
------解决方案--------------------
  

//加个样式啦

.tp_cs { 

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */

    filter:alpha(opacity=100);    /* ie5-7  ff cm */

 

}



...此处省略十多个字

 <div class="hoveron tp_cs" style="position: absolute; z-index:100; left:0px;top:0px; width: 312px; height: 168px;  background-image: url(/images/websit/hover.png); background-repeat: repeat; -moz-opacity:1;opacity:1; "></div>

...



 

希望对你有帮助( ??ω??)