css - Mootools 1.4.3 背景フェード効果

Question

背景を交換するコードがあります。私が抱えている問題は、フェード効果を組み込むことです。私はしばらくそれを台無しにしていて、イライラしています。コードがそこにあるので、これをハックして機能させる方法を見てください。

ムーツール 1.4.3

.socialIconsFB {
    float: right;
    display: block;
    margin: -20px 3px;
    width: 48px;
    height: 57px;
    background-image: url(XXXXXX/social_icons/facebook.png);
}

<div class="socialIconsFB"></div>


$$('.socialIconsFB').each(function(socialIconsFB) {
    socialIconsFB.addEvent('mouseover', function() {
      this.tween("background-image", "url(XXXXXX/social_icons/facebook.png)", "url(XXXXXX/social_icons/facebook_highlight.png)");
    });
    socialIconsFB.addEvent('mouseout', function() {
      this.tween("background-image", "url(XXXXXX/social_icons/facebook.png)");
    });
});