Как поместить вещи выше элемента mx: HTML?

Question

Как поместить вещи выше элемента mx: HTML? Независимо от того, где я размещаю код, он всегда находится под элементом <mx:HTML>. Можно ли это сделать?

Пример:

<mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
<mx:Label x="150" y="50" color="#ffffff" text="CAN YOU SEE ME?"/>    
<mx:HTML x="0" y="0" width="500" height="500" location="http://www.google.com/"/>
<mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
<mx:Label x="150" y="50" color="#ffffff" text="CAN YOU SEE ME?"/>

Answer 1

Выше работает отлично.В AbsoluteLayout все добавляется по порядку, поэтому первый и второй элементы скрываются за большим HTML.Но впоследствии Canvas и Label очень хорошо видны поверх HTML.Запустите и убедитесь сами с приведенным ниже примером кода (в основном, ваш):

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:Panel>
        <mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
        <mx:Label x="150" y="50" color="#000000" text="CAN YOU SEE ME?"/>    
        <mx:HTML x="0" y="0" width="500" height="500" location="http://www.google.com/"/>
        <mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
        <mx:Label x="150" y="50" fontSize="32" color="#654321" text="CAN YOU SEE ME?"/>

    </s:Panel>
</s:WindowedApplication>

Answer 2

Обычно элементы отображаются в порядке их добавления в контейнер.Из моего теста холст и метка, которые у вас есть после HTML-элемента, отображаются поверх него, но текст отображается белым цветом (color = "# ffffff"), поэтому вы не увидите его из-за этого ...