Dropdown menu over SVG?

Question

I have an svg canvas full of interesting data visualizations using d3, and I would like the html dropdown menu to traditionally display above the svg: rect element. Is it possible? I understand that I can use foreignObject, but incompatible with IE.

Answer 1

It works great while you are ordering the elements correctly. In the example here, I used an absolute positioned DIV on top of the SVG element (move the mouse around the output window to see the movement of the DIV). (This code uses Raphael , not D3, but the results will be the same).