I found an interesting problem with the orbit carousel in RSD using foundation.
The carousels z-index can't seem to be controlled. So any z-index setting on any element you use to go above it like for example on a dropdown menu won't work. I've tried setting the positions to relative then those z-index's but that isn't working like it should. I've even tried a css style on the class using the !important rule on the container and other elements but it seems to be applied after the dom is set or something. So I can't even find where that z-index is coming from, unless it's in the script, according to foundation it should only be 10?
Anyone found a work around on this yet?
If not I'll keep plugging away... got to be some way to get that under control.
orbit z-index issue in rsd foundation...
Okay well it's a little different than you'd expect.
You have to go to the column (in the tutorial it's orbit-parent) in position set it to relative
then in the z-index -1
Kind of going at it backwards. Maybe I'm missing something today, but anyway that works...
So I'll add that plus,
the orbit component is in a row so I'll put in how to get it into a column,
and add the setting twinstream suggested on turning off the animations.
You have to go to the column (in the tutorial it's orbit-parent) in position set it to relative
then in the z-index -1
Kind of going at it backwards. Maybe I'm missing something today, but anyway that works...
So I'll add that plus,
the orbit component is in a row so I'll put in how to get it into a column,
and add the setting twinstream suggested on turning off the animations.
Agh, the minus z-index creates problems with the orbit controls and working in RSD sooo... back to the drawing board. This time I got it I think. You can't set the column z-index on the menu but you can set the row if you make it's position relative then use a higher z-index there, that get's it above the orbit slider.
Which makes more sense, man ever have one of those days?
Which makes more sense, man ever have one of those days?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.