求助，js滤镜兼容火狐，谷歌问题？

 下边代码，背景渐变切换不兼容火狐，谷歌，高手指点下！
<script type="text/javascript">
$(document).ready(function() {  
$('a.link').click(function () {
                setTimeout(function () {
                    var img = document.getElementById("bg");

                   if (navigator.userAgent.indexOf('MSIE') !== -1) {
// this is IE
 img.style.filter = "blendTrans(Duration=3);";
                    img.filters[0].Apply();   //加载该滤镜,
                    img.filters[0].Play();
}
                    if (img.src.indexOf("sample-1.jpg") > 0) {                        img.src = "images/sample-2.jpg";
                    }
                    else {
                        img.src = "images/sample-1.jpg";
                    }
                }, 2000);
                $('#wrapper').scrollTo($(this).attr('href'), 1200);
                setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px')
                setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px')
                $('a.link').removeClass('selected');
                $(this).addClass('selected');
                return false;
            });
});
function setPosition(check, div, p1, p2, p3, p4, p5, p6, p7, p8) {
if(check==='#box1')
{
$(div).scrollTo(p1, 1000);
}
else if(check==='#box2')
{
$(div).scrollTo(p2, 1000);
}
else if(check==='#box3')
{
$(div).scrollTo(p3, 1000);
}
else if(check==='#box4')
{
$(div).scrollTo(p4, 1000);
}
      else if(check==='#box5')
{
$(div).scrollTo(p5, 1000);
}
     else if(check==='#box6')
{
$(div).scrollTo(p6, 1000);
}
else if(check==='#box7')
{
$(div).scrollTo(p7, 1000);
}
else
{
$(div).scrollTo(p8, 1000);
}
};
</script>

解决方案 »

  1.   

    火狐的话试下用个定时器，xxxx.style.opacity+='0.1'
      

  2.   

    直接用CSS不好吗？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
         .bg{ width:100%; height:500px;
            -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FFFF0000,endColorStr=#FFFFFFFF)"; 
            *filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FFFF0000,endColorStr=#FFFFFFFF);
            background:-moz-linear-gradient(left,#FF0000,#FFFFFF);
            background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#FF0000), to(#FFFFFF));
            }
        </style>
    </head>
    <body>
    <div class="bg">渐变背景</div>
    </body>
    </html>
      

  3.   


    你要弄个定时器去改变这个opacity的值