How do I Do a fade transition properly?

I have a fade transition setup, it works great, except for one thing, and that's buttons. I have buttons as part of my menu and the buttons are always on top of the black sprite I use for the fade transition. The sprite is on the very top z order on the top layer and the buttons are on a lower layer at a lower z order, but still they stay on top visually. How do I correct this?

How many layers you have?

Two, a top and a bottom. Like I said the black sprite is on the top layer and the buttons are on the bottom

The Button object creates a form button which the user can click to perform an action. It can also be set to be a checkbox..

Form controls are actual HTML elements floating above the game canvas in the HTML page. Therefore, nothing can be displayed on top of a form control, apart from other form controls.

https://www.scirra.com/manual/111/button

use custom buttons(sprites)...

.......seriously? Well that's awesome. Thanks for letting me know, I'll just redesign my entire menu system now.

Switching to sprites for buttons would fix your issue.

Edit:

I see korbaack already offered a solution.