兼容IE6下，各种浏览器，鼠标滑动img图片阴影效果

<!-- mutual 标签内不要有空格 -->
<a class="mutual" href=""><img src="" width="237" height="358"><div class="shade"></div></a>

.mutual{
    display: block;
    width: 237px;
    height: auto;
    position: relative;
    _overflow:hidden;
    img{
        width: 237px;
        border: 0px;
　　　　　vertical-align:top;　
    }
    .shade{
        background: url(../css/img/shade.jpg) repeat;
        filter:alpha(opacity=00);
        -moz-opacity:0.0;
        -khtml-opacity: 0.0;
        opacity: 0.0;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        width: 100%;
        _height:1000px;
        cursor: pointer;
    }
&:hover{
     .shade{
         filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
     }
}