相对于另一个div定位div：SVG问题

Question

我有一个带有id =“div_Diagram”的div，它包含另外两个div，div_CanvasHeader和div_Canvas，如图所示。 div_Canvas还包含一个SVG，而SVG又包含几个rects。每个rect的构造方式都是一个javascript脚本附加到其mouseover事件的x＆amp; y位置值传递到脚本中。

对于svgs的性质，我无法正确定位相对于rect的工具提示部分。我希望能够使用rect坐标（x＆amp; y）来相对于div_CanvasHeader或div_Diagram定位工具提示。除了x＆amp; y，所有其他尺寸都是固定的。

这是javascript。 （请注意，工具提示是一个telerik控件.Show（）方法确实显示了工具提示，其中包含所有正确的内容，但位于页面的左下角。）

function showSVGTtip(elt, x, y) {

        if (elt.hasAttribute("name")) {

            var ttipText = elt.getAttribute("ttipText ");

            var ttip = $find("<%=myToolTipDiv.ClientID %>");

            document.getElementById("ttipLabel").innerHTML = ttipText ;
            ttip.show();

            // Need to set position of ttip relative to other element such as pnlCanvasHeader
        }
    }

如何相对于其他div之一定位工具提示div？例如，如果我有工具提示div的id，我可以在客户端上相对于div_CanvasHeader移动吗？工具提示是否需要包含在另一个div中？