Following is the layering order of media that can be displayed on the screen, from top to bottom.
TOP
BOTTOM
Within each element, the last one defined in the code will appear on top. For example, if you have the following buttons defined:
Within each element, the last one defined in the code will appear on top. For example, if you have the following buttons defined:
<buttons>
<button>
<text>button A</text>
<x>50</x>
<y>100</y>
<height>25</height>
<width>25</width>
</button>
<button>
<text>button B</text>
<x>40</x>
<y>90</y>
<height>50</height>
<width>50</width>
</button>
<button>
<text>button C</text>
<x>30</x>
<y>80</y>
<height>100</height>
<width>100</width>
</button>
</buttons>
only button C will appear on the screen, as it entirely covers the other two buttons.