Z-index issues positioning elements with transform3d() [solved]

Hey guys,

I was wondering if anyone had much experience with z-index issues and the transform3d() CSS property?

I’m building a pie chart navigation and want to lay text over the circle segments that I have created, however the text always goes behind the elements.

I’ve tried changing the z-index and googled around learning about the transform3d property, however not quite sure what’s going on.

Here’s my pen

http://codepen.io/JackEdwardLyons/pen/jAxRdP

Thanks in advance :slight_smile:

Actually never mind,

I just added position: absolute and then it moved to the front…

How do I delete this whole forum post??

1 Like