Como dejar transparente un tab de un ViewStack Flex?

Hola estoy haciendo unas pestañas con ViewStack , lo que quiero hacer es colocar la pestañas totalmente tranparentes y que quede solo un png, como podria logar esto .

esto es lo que tengo.

Código ActionScript :

<?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"
       width="740" height="250" contentBackgroundAlpha="0.15">
   <fx:Declarations>
      <!-- Place non-visual elements (e.g., services, value objects) here -->
   </fx:Declarations>
   <fx:Script>
      <![CDATA[
         
         [Bindable]
         [Embed(source="../assets/images/bar.jpg")]
         private var BulletCheck:Class;
         
         [Bindable]
         [Embed(source="../assets/images/bar.jpg")]
         private var BulletWarning:Class;
         
         [Bindable]
         [Embed(source="../assets/images/bar.jpg")]
         private var BulletCritical:Class;
   
         
      ]]>
   </fx:Script>
   <mx:ViewStack id="vs" width="95%" height="128" left="10" y="89">
      
      <mx:Canvas id="child1"  icon="{BulletCheck}"  backgroundAlpha="0">
         <mx:Label text="one" />
      </mx:Canvas>
      
      <mx:Canvas id="child2"  icon="{BulletWarning}">
         <mx:Label text="two" />
      </mx:Canvas>
      
      <mx:Canvas id="child3"  icon="{BulletCritical}">
         <mx:Label text="three" />
      </mx:Canvas>
      
   </mx:ViewStack>
   <s:TabBar id="tabs" x="10" y="39" height="52" dataProvider="{vs}"  />
   
</s:Group>

saludos