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

时间:2013-03-01 12:16:52

标签: javascript html svg raphael vml

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

有没有在HTML顶部显示我的箭头,但仍然能够点击下面的html?

我有一种感觉,没有办法做到这一点,最好的解决方案是在raphael中创建我的div元素。有人可以帮忙吗?

我需要解决方案适用于所有浏览器,包括IE6以上

1 个答案:

答案 0 :(得分:0)

是的,正如@Duopixel建议的那样,转换为对象是最简单的解决方案。我想你也可以让它透明并保持在顶部。

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