Flex Menu组件背景透明

<table cellspacing="0" cellpadding="0" style="width: 100%"><tr><td class="t_msgfont" id="postmessage_120">
<div id="ad_thread3_0"></div> 在 Flex 大部分的件中，想要使用半透明背景<br />
通常只要用 CSS 定 backgroundAlpha 就能做到了<br />
但是招在 Menu 不管用~<br />
譬如定 Menu CSS Style：<br />
Menu {<br />
backgroundColor: #000000;<br />
backgroundAlpha: 0.1;<br />
}<br />
出的 Menu 成不透明的灰色<br /><br /><img src="http://www.52friends.com/uploads/allimg/090318/14232161b-0.png" οnlοad="thumbImg(this)" alt="" /><br /><br />
仔之後才，Menu 件用 borderColor 在背景填色<br />
除非明指定 borderStyle solid<br />
Flex 半透明 Menu 例程式：<br />
<?xml version="1.0"?><br />
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF"<br />
fontSize="12" paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5"><br />
<mx:Style><br />
Alert {<br />
borderColor: #808080;<br />
backgroundColor: #808080;<br />
}<br />
Menu {<br />
backgroundColor: #000000;<br />
backgroundAlpha: 0.1;<br />
borderColor: #808080;<br />
borderStyle: solid;<br />
dropShadowColor: #000000;<br />
dropShadowEnabled: yes;<br />
}<br />
</mx:Style><br />
<mx:Script><br />
<![CDATA[<br />
import mx.controls.Menu;<br />
import mx.events.MenuEvent;<br />
import mx.controls.Alert;<br />
import flash.geom.Point;<br />
private var point1:Point = new Point();<br />
private var myMenu:Menu;<br />
private function showMenu():void {<br />
myMenu = Menu.createMenu(panel, myMenuData, false);<br />
myMenu.labelField = "@label"<br />
myMenu.addEventListener("itemClick", menuHandler);<br />
// Calculate position of Menu in Application's coordinates.<br />
point1.x = mybutton.x;<br />
point1.y = mybutton.y;<br />
point1 = mybutton.localToGlobal(point1);<br />
myMenu.show(point1.x + 5, point1.y);<br />
}<br />
// Event handler for the Menu control's change event.<br />
private function menuHandler(event:MenuEvent):void {<br />
Alert.show("Label: " + event.item.@label, "Clicked menu item");<br />
}<br />
]]><br />
</mx:Script><br />
<mx:XML format="e4x" id="myMenuData"><br />
<root><br />
<menuitem label="MenuItem A" icon="myTopIcon"><br />
<menuitem label="SubMenuItem A-1" enabled="False"/><br />
<menuitem label="SubMenuItem A-2"/><br />
</menuitem><br />
<menuitem label="MenuItem B" type="check" toggled="true"/><br />
<menuitem label="MenuItem C" type="check" toggled="false" icon="myTopIcon"/><br />
<menuitem type="separator"/><br />
<menuitem label="MenuItem D" icon="myTopIcon"><br />
<menuitem label="SubMenuItem D-1" type="radio" groupName="one"/><br />
<menuitem label="SubMenuItem D-2" type="radio" groupName="one"<br />
toggled="true"/><br />
<menuitem label="SubMenuItem D-3" type="radio" groupName="one"/><br />
</menuitem><br />
</root><br />
</mx:XML><br />
<mx:Panel id="panel" title="Transparent Menu Control Example" height="100%"<br />
width="100%" paddingTop="10" paddingLeft="10" paddingRight="10"<br />
paddingBottom="10"><br />
<mx:Button id="mybutton" label="Open Menu" click="showMenu();"/><br />
<mx:HBox width="100%" height="100%"><br />
<mx:Repeater dataProvider="{new Array(3)}"><br />
<mx:Canvas width="25%" height="100%" backgroundColor="#DDFFDD"/><br />
<mx:Canvas width="25%" height="100%" backgroundColor="#FFDDDD"/><br />
</mx:Repeater><br />
</mx:HBox><br />
<mx:ControlBar><br />
<mx:Text width="100%" textAlign="right"><br />
<mx:htmlText><br />
<![CDATA[<a target="_blank" href="http://ticore.blogspot.com/">]]><br />
<![CDATA[Ticore's Blog - <a href="http://ticore.blogspot.com/" target="_blank">http://ticore.blogspot.com/</a></a>]]><br />
</mx:htmlText><br />
</mx:Text><br />
</mx:ControlBar><br />
</mx:Panel><br />
</mx:Application><br />
效果：<br /><img src="http://www.52friends.com/uploads/allimg/090318/1423212957-1.png" οnlοad="thumbImg(this)" alt="" /><!--++ plugin_code qcomic begin--><!--++ plugin_code qcomic end--></td></tr></table>