【Raphael.js】Raphaelエレメントの前面にHTMLエレメントを置く方法

ここで、Raphaelエレメントの描画域をフルスクリーン指定し、HTMLと同居させましたが、HTMLエレメントが隠れてしまうのは都合が悪い時もあるかと思います。Raphaelはバックグラウンドで背景として動いてくれたらええんじゃあ！divより前にこんでもええんじゃあ！

そんな時は一体どうすればよいのでしょう。

この問題、結局はCSSで解決できます。z-indexやflow、ネガティブマージンなど色々試しましたが、現状ではCSSでのabsolute指定がポイントのようです。position:absolute指定した上で、z-indexを指定すると、Raphaelエレメントの前にdivが表示されます。

こうすることで、Raphaelエレメントを背景のように使うことができます。Raphaelのアニメーションを背後で流したりしたい時はこれですね！