# Problem with container being behind backgroun even when changing z-index

**URL:** <https://community.appfarm.io/t/problem-with-container-being-behind-backgroun-even-when-changing-z-index/375>\
**Category:** Ask the community\
**Created:** [March 24, 2023, 10:00am UTC](https://community.appfarm.io/t/problem-with-container-being-behind-backgroun-even-when-changing-z-index/375 "2023-03-24T10:00:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fridtjof](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/fridtjof/32/262_2.png) [@Fridtjof](https://community.appfarm.io/u/Fridtjof)\
**Post date:** [March 24, 2023, 10:00am UTC](https://community.appfarm.io/t/problem-with-container-being-behind-backgroun-even-when-changing-z-index/375/1 "2023-03-24T10:00:48Z")

</div>

Hi. We have a problem when using containers for dropdowns (see picture)

It happens even though the container has a higher z-index.

Is there a way to fix this or is it a bug?

![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/5ab3454c6a2c2255351bf439696d666376b07ac5.png)

Best Regards,  
Fridtjof

---

<div class="post-metadata">

**Author:** ![Lars](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lars/32/67_2.png) [@Lars](https://community.appfarm.io/u/Lars)\
**Post date:** [March 24, 2023, 10:19am UTC](https://community.appfarm.io/t/problem-with-container-being-behind-backgroun-even-when-changing-z-index/375/2 "2023-03-24T10:19:40Z")

</div>

Hi!

Do you have a background color set on The drop down container?

---

<div class="post-metadata">

**Author:** ![Fridtjof](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/fridtjof/32/262_2.png) [@Fridtjof](https://community.appfarm.io/u/Fridtjof)\
**Post date:** [March 24, 2023, 10:31am UTC](https://community.appfarm.io/t/problem-with-container-being-behind-backgroun-even-when-changing-z-index/375/3 "2023-03-24T10:31:15Z")

</div>

> [@Lars](#):
>
> ground color set on The dr

Yes. I think it has something to do with the fact that we are in a iterating container, and that the next element is automatically above in the z-index for some of the component (icons, text etc.) . So when I collapse the container above, some of the text is showing from the one below:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/ad005f3362dab9a6cb013134c461828710811280.png)

after changing the offset so that the container is above:

![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/8b4a2b196002230270caf944599b9a4c73654cd2.png)