【发布时间】:2013-03-16 02:33:48
【问题描述】:
我用 Raphael.js 创建了一个带有渐变背景的按钮。现在我想在使用Element.hover 将鼠标悬停在按钮上时更改为不同的渐变。但只要我将鼠标移到按钮上,它就会开始只显示纯色。
这里是my fiddle。
可能与浏览器有关。我只在 OS X 下测试过 Chrome 和 Safari。
【问题讨论】:
我用 Raphael.js 创建了一个带有渐变背景的按钮。现在我想在使用Element.hover 将鼠标悬停在按钮上时更改为不同的渐变。但只要我将鼠标移到按钮上,它就会开始只显示纯色。
这里是my fiddle。
可能与浏览器有关。我只在 OS X 下测试过 Chrome 和 Safari。
【问题讨论】:
问题是你之后在片场打电话给transform。 tranform() 方法已弃用,请改用 transform attr。此外,您可能希望在创建元素时单独应用转换,因为众所周知,Raphael 在统一转换集合时会遇到一些问题。
【讨论】:
transform 的调用触发了问题。但是当我在每个元素上单独设置transform 属性时,我得到了相同的行为。见我的updated fiddle。
attr(),它将不起作用 - 这就是您的hover 事件所做的。 Here is the issue 和修复,如果手动修改 Raphael 源代码是你的一杯茶。