当在 CSS 中专门设置颜色时，Mootools 补间颜色过渡会拒绝元素子元素

Question

为了您的测试乐趣： http://jsfiddle.net/EnJSM/

请注意，如果“颜色：#6CB5FF ;”如果要删除，过渡将正常工作，而仅适用于该行的第二部分。

我很好奇解决方案结果如何。

Answer 1

是的 - 补间是单个属性，它没有重载 - 尽管它应该接受单个参数（当前的目标值）或数组 [value1, value2] - 所以你的代码没有错误。

你可以尝试使用变形：

$("element").addEvent("click", function() {
    this.morph({
        color: ["#A00000", "#99CCFF"]
    });
});

补间似乎在这里也工作得很好，话虽如此。当您说被拒绝时，您的意思是什么？什么也没发生？你有例外吗？在什么浏览器中？哪个穆工具？你的CSS中有!important吗？问题太宽泛，无法按原样回答。

如果您希望两个元素都改变颜色，请使用：

$("element").set("tween", {
    onStart: function() {
        this.element.addClass("tweening");
    },
    onComplete: function() {
        this.element.removeClass("tweening");
    }


}).addEvent("click", function() {
    $("element").tween('color', ["#A00000", "#99CCFF"]);
});

这

#element.tweening strong {
    color: inherit;
}

将在您制作动画时暂时禁用样式。