raphael - 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"
    });
});

这是您更新的 jsFiddle