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

通常，元素按照它们在容器中添加的顺序呈现。从我的测试中，HTML元素后面的画布和标签显示在它上面，但文本显示为白色（color =“＃ffffff”），因此你不会看到它... < / p>

Answer 2

以上作品完美无缺。在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>

如何将内容置于mx：HTML元素之上？

2 个答案: