HTML5多画布适用于chrome,但在firefox的情况下,它只适用于第一个画布

时间:2014-12-19 21:14:36

标签: javascript html5 firefox canvas cross-browser

我刚开始探索HTML5粒子动画。我已经尝试了一种方式,当悬停在画布粒子动画基于鼠标坐标发生时。它适用于铬。但是当我尝试在Firefox中运行相同的代码时,它仅适用于第一个画布,而不适用于其他两个。我无法弄清楚这个问题。

这是我尝试过的代码示例的JSFiddle链接。 http://jsfiddle.net/7hEKL/15/

<canvas id="c1"></canvas>
<canvas id="c2"></canvas>
<canvas id="c3"></canvas>

注意:尝试在chrome和FF中打开。我希望代码在它以chrome工作的方式在FF中工作。

1 个答案:

答案 0 :(得分:2)

在画布元素上使用position: relative

jsfiddle.net/7hEKL/16