带有 html 元素的 Raphael SVG/vml z 索引

Question

我有一个绝对定位 div 的 html 容器。这些 div 具有在它们之间绘制 raphael svg/vml 箭头的单击事件 - 但是，如果我使 raphael 出现在带有 z 索引的 html 顶部，我将无法再单击 html div，如果我将它留在 html 后面我看不到箭头。

有没有办法在 HTML 顶部显示我的箭头，但仍然可以点击下面的 html？

我觉得没有办法做到这一点，最好的解决方案是在 raphael 中创建我的 div 元素。谁能帮忙？

我需要该解决方案在包括 IE6 在内的所有浏览器中都能正常工作

Answer 1

是的，正如@Duopixel 所建议的，转换为对象是最简单的解决方案。我想您也可以使 s 透明并将它们放在首位。

如果 div 包含多行文本，则需要您手动插入换行符。如果是这种情况，您可能会考虑使用多个画布。您可以保持 div 原样，并在它们之间插入更多 div，每个 div 都包含自己的 Raphael 对象，用于在框之间绘制箭头。虽然大多数 Raphael 示例都涉及到页面宽度的大矩形画布，但这不是必需的。