Changing the foreignobject stack order

Question

I am currently experimenting with svg in html and have a stack of overlapping foreignObject elements. I would like to be able to bring an individual foreignObject to the front of the stack using javascript.

I can't seem to get the zIndex property to work with them and I'm not sure what else I could try.

Is it possible? How could I do this?

Did you check this : http://stackoverflow.com/questions/482115/with-javascript-can-i-change-the-z-index-layer-of-an-svg-g-element ? — mguimard, Oct 25 '13 at 13:10

score 0 · Answer 1 · edited May 23 '17 at 12:10

0

On an older post on this site, a user said:

My solution is to add style="display:inline-block" to the first child of the foreignObject tag. This seems to fix the problem.

edited May 23 '17 at 12:10

Community

1
1

answered Oct 25 '13 at 13:12

fred02138

3,323
1
14
17

Changing the foreignobject stack order

1 Answers1