Ok how do i put this behind the other Ui

so i made a health bar and i made a slightly transparent Part that is supposed to be behind it But its on top any ideas how to fix it


i want the black part to be behind the green thing

3 Likes

Edit the ZIndex property of the UI. If the ZIndex of one UI is greater than another, then the first UI will be on top.

1 Like

@timothyco1 , This is a common problem that all Starter UI/GUI Developers suffer with. I have a very easy solution for you and it should work. Mind if this was helpful please do mark my post as a Solution post. So that others know it was solved.


If your UI, The Transparent Frame and The Other Frame/Frames is in the same ScreenGUI you can follow these steps:

Click on your transparent frame.
step1
Then scroll down in Properties and select ZIndex.
zindex
Set the ZIndex of your Transparent Frame into -1.
negativeone
After that the Transparent Frame should be under the other GUI.

Learn More about ZIndex here: GuiObject.ZIndex


If your Transparent UI is in another ScreenGUI. Like this:
wow
I recommend you follow these steps:

First select the ScreenGUI that your Transparent Frame is in:
test
Then go to it’s Properties and select DisplayOrder:
screengui
After selecting the DisplayOrder set it to -1
display
The Transparent GUI should be under now!

Learn more about DisplayOrder here: ScreenGui.DisplayOrder


Try both of my solutions and it should work perfectly for you.
If it didn’t work leave a reply.
If it did mark it as a Solution post.

5 Likes