Javascript SVG上的下拉菜单？

我有一个使用d3的svg画布，其中充满了有趣的数据可视化，我希望在svg:rect元素上方显示一个传统的html下拉菜单。这可能吗？我知道我可以使用foreignObject，但这与IE不兼容。

只要元素排列正确，它就可以正常工作。在这个示例中，我在SVG元素的顶部使用了一个绝对定位的DIV（在输出窗口周围移动鼠标以查看DIV的移动）。（代码使用的是D3而不是D3，但结果是一样的）。

我认为这没有问题。我在SVG上有HTML工具提示。您可能需要调整cssz-index（），谢谢您的示例。我的问题确实发生在z-index上，我在使用白色SVG背景时没有考虑到这一点。