Flex如何添加最底层的背景图片

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx"
         xmlns:buttons="com.giantstone.workflow.ui.buttons.*"  
         width="46" height="80" rollOut="this.currentState=null"
         >

    <fx:Metadata>
        [Event(name="removeNode", type="flash.events.MouseEvent")]
        [Event(name="linkNode", type="flash.events.MouseEvent")]
    </fx:Metadata>
    <s:states>
        <s:State name="removeQuestion"/>
    </s:states>
    <fx:Script>
        <![CDATA[
            
            [Bindable]
            private var _bkimage:Class;
            public function get bkimage():Class
            {
                return _bkimage;
            }
            public function set bkimage(value:Class):void
            {
                _bkimage = value;
            }
        ]]>
    </fx:Script>
       <!--应该放在这里，我直接沾过来就拷给你了，忘记了层的概念，作为背景需要放在最底层，在mxml中最底层就是第一个视图标签-->
        <mx:Image id="image" source="{_bkimage}" left="0" top="0" right="0" bottom="0" />
    <s:Group x="27" y="10" width="109" height="58" id="msgCanvas" >
        <mx:Label x="15" y="5" text="Remove me?" fontWeight="bold" />
        <mx:Button x="5" y="30" label="Yes" width="47" click="dispatchEvent(new MouseEvent('removeNode'))"/>
        <mx:Button x="54" y="30" label="No" width="49" click="this.currentState=null"/>
    </s:Group>