Layers

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:

<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.