Raphael JS背景改变

Question

想知道为什么当我在文本上时矩形的颜色会发生变化。 我希望背景颜色与矩形中的颜色始终相同。

http://jsfiddle.net/yVzXF/11/

paper = new Raphael(document.getElementById('canvas_container'), 500, 250);

rectangle2 = paper.rect(130, 75, 140,40,15);
texte = paper.text(200, 90, "Tarification et souscription\nweb")

rectangle2.mouseover(function(){
    this.animate({
    fill : "#aaa"
    });
    });

rectangle2.mouseout(function(){
    this.animate({
    fill : "#F90"
    });
    });

感谢

Answer 1

文本是一个单独的元素，因此它具有单独的事件处理程序。如果您也为文本添加事件处理程序，那么您将获得我认为您正在寻找的结果：

texte.mouseover(function(){
    rectangle2.animate({
        fill : "#aaa"
    });
});

texte.mouseout(function(){
    rectangle2.animate({
        fill : "#F90"
    });
});

这是您的updated jsFiddle