javascript - Raphael SVG/vml z インデックスと html 要素

Question

div が絶対配置された html コンテナがあります。これらの div には、それらの間に raphael svg/vml の矢印を描画するクリック イベントがあります。矢印。

HTMLの上に矢印を表示する方法はありますが、下にあるHTMLをクリックすることはできますか?

これを行う方法はないと感じています。最善の解決策は、ラファエルで div 要素を作成することです。誰でも助けることができますか？

IE6 以降を含むすべてのブラウザで動作するソリューションが必要です

Answer 1

はい、@Duopixel が示唆するように、オブジェクトへの変換が最も簡単な解決策です。s も透明にして、上に置いておくことができると思います。

これには、div に複数行のテキストが含まれている場合、改行を手動で挿入する必要があるという欠点があります。その場合は、複数のキャンバスの使用を検討してください。div をそのままにして、それらの間にさらに div を挿入することができます。各 div には、ボックス間に矢印を描画するための独自の Raphael オブジェクトが含まれています。ほとんどの Raphael の例には、ページ幅の大きな長方形のキャンバスが含まれていますが、これは必須ではありません。