flex用图片当背景色的问题

<s:Rect id="fill" left="1" right="1" top="1" bottom="1" topLeftRadiusX="4" topRightRadiusX="4" width="70" height="22">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x12527d" 
 color.selectedUpStates="0xBBBDBD"
 color.overStates="0xBBBDBD" 
 color.downStates="0xAAAAAA" 
 alpha="0.85" 
 alpha.overAndSelected="1"  ratio=".1"/>
<s:GradientEntry color="0x53352" 
 color.selectedUpStates="0x9FA0A1"
 color.over="0x9FA0A1" 
 color.overAndSelected="0x8E8F90"
 color.downStates="0x929496" 
 alpha="0.85"
 alpha.overAndSelected="1"  ratio="0.9"/>
</s:LinearGradient>
</s:fill>
<!--
<s:fill>
<s:BitmapFill  source="@Embed('image.png')"/>
</s:fill>
-->
    </s:Rect>

如上，这个是TabBarButtonSkin指定皮肤的一段代码，原来的效果是鼠标放上去和鼠标拿下来显示的颜色不一样，用的都是渐变，可是如果我想把这个颜色换成我需要的图片的话，如我注释掉的那一段，这样的话就没有了color.over等一系列属性，我就不能实现我鼠标放上去一张图片，点击后一张图片的效果了，请问大神怎么解决？？？
[解决办法]
一般按钮的背景图片切换是用状态来解决的 state 皮肤状态
[解决办法]
可以多设置几个状态