Accordion Items Shadow Issue

As you can see, by default accrodeon items shadow overlaying each over and are not under items. How can i fix it?
I was trying to play with z-index and position of elements, but this trick didin’t work at all.

Hi Philipp,

Please change the z-index option of section contains the accordion items to 9:

Let us know how it goes!

Nope )

Here is a link:

Hi Philipp,

Unfortunately, there is no other way around that but to adjust your Y-Offset value, you need to make sure that the top shadow does not reach the accordion item above it.

box-shadow

Manipulating the z-index will not solve the issue because it will just reorder the items and the shadow will still overlap with each other (if it is within reach of the shadow).

z-index

Hope this shed some lights,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.