日期:2014-05-16  浏览次数:20373 次

juqery做淡入淡出效果,火狐,谷歌流览器正常,IE带黑边,png图片..求大神帮忙,小民感激不尽
.jsbutton
        {
            position: relative;
            display: block;
            width: 191px;
            height: 191px;
            background: url(image/01.png) top no-repeat;
            cursor: pointer;
            text-indent: -9999px;
        }
        .jsbutton span.hover
        {
            position: absolute;
            display: block;
            width: 191px;
            height: 191px;
            background: url(image/02.png) bottom no-repeat;
            text-indent: -9999px;
        }

$(document).ready(function () {
            $('.jsbutton').wrapInner('<span class="hover"></span>').css('textIndent', '0')
.each(function () {
    $('span.hover').css('opacity', 0).hover(function () {
        $(this).stop().fadeTo(650, 1);
    }, function () {
        $(this).stop().fadeTo(650, 0);
    });
});
        }); 

<p class="fcenter">
        <a href="http://wiky.cnblogs.com/" class="jsbutton">前端档案</a></p>

------解决方案--------------------
LZ,帮你网上查了,给你个参考网址,关于css加载png后用jquery淡入淡出方式在各版本浏览器兼容的问题 
http://blog.163.com/pcboby@126/blog/static/31201400201072871911869/