Setting Z-Index

[mfirlotte]

I have several small different sized layers across the page, each with an image with link.

I have an animation set to scale on hover. The scaling causes the layer/image to overlap the next layer/image beside it and that's perfect as this is the effect I want. However, I would like to add an additional animation that would change the z-index/z-order to make the scaled image be on top of all others but I cannot seem to get this to happen.

Is this possible or am I just not doing it right?

Here's a link to an image of my settings for one of the layers:
https://www.firlottecreations.com/MF/te ... ttings.JPG

Thanks for any help.

[Pablo]

I think this should work.
To be able to help you, I need a demo project so I can see all settings.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[mfirlotte]

Thanks Pablo.

Test site is at:
https://www.firlottecreations.com/MF/te ... ayers.html

ZIP of the test project is at:
https://www.firlottecreations.com/MF/te ... Layers.zip

I would like to set the z-order to the top when hover over a particular layer/image. And again if select a different image/layer.

NOTE: that I only have the z-order on the first 2 images as a test. I tried before the scale and after the scale transforms to see if that would make a difference.

Thanks.

[Pablo]

The reason why it does not work is because the layer already has a z-index, so the transition will not update it.
To prevent this, disable 'use z-index for object order' in the page properties.

[mfirlotte]

AWESOME!!!! Thanks Pablo...that is the solution!!!

And thanks for the prompt response...ever so helpful as usual.