flex 模态对话框背景属性更改

1. 
   

昨天在调整项目的界面，发现flex有个特别丑陋的东西，那就Alert。每次弹出的模态窗口下面都有一个蓝黑蓝黑的overlay，文字也被模糊，真叫一个难看。如图：

想去掉这个overlay，于是google。
有一说使用非模态窗，靠这肯定不行，还得一定是模态的。
想想还得从css入手，继续google，功夫不负有心人，终于找到一篇 如何取消FLEX里模态窗口的毛玻璃效果，其中是这样写的：

引用

问：
LYU-9 ：
在Flex里面，比如使用
PopUpManager.createPopUp(this,TipWindow,false)
第三个参数设成true 会出现毛玻璃效果让CPU飙升，可不可以改变模态窗口的效果，不让毛玻璃出现？
答：
桃花奶奶 ：
改下css样式就ok了。比如说我们用的是titlewindow，我们就改titlewindow中的：
modal-transparency-blur:0;
        modalTransparency:0;
问：LYU-9
那个Alert.show()是不是也可以改样式呢？
答：妖子 (6级)
一样的。这个是默认的Alert样式，你在代码里改就可以了。
        Alert
        {
         backgroundAlpha: 0.90; /* controls the alpha of the panel content area. */
         backgroundColor: #869CA7;
         borderAlpha: 0.90; /* controls the alpha of the panel top, bottom and sides. */
         borderColor: #869CA7;
.......
        }

这篇文章的结果就是使用Alert全局样式，然后设置modal-transparency-blur为0，modalTransparency为0。

Java代码  

1. Alert{  
2.     modalTransparency:0;  
3.     modal-transparency-blur:0;  
4. }  

坑爹呀你，靠有用吗！我以前做ToolTip的时候也这样说，定义一样式，有用吗，木用。还绕着弯到事件里面去定义ToolTip的样式。如图：

最后还是不效果，靠超级的郁闷中。。。


转折点
今天，无意中看到一篇 将应用程序从Flex 3迁移至Flex 4(转载)，随便拉拉看看，注意到文中提到一段Css代码：

Java代码  

1. s|Button, s|ToggleButton  
2. {  
3.     skin-class: ClassReference("controls.skins.IconButtonSkin");  
4. }  

注意其中这个s|Button，靠这个不就有一个命名空间的概念在里面。难道我的css样式写法也得这样。
马上回到自己的样式写上

Java代码  

1. mx|Alert{  
2.     modalTransparency:0;  
3.     modal-transparency-blur:0;  
4. }  

于是乎：

呵呵这个世界清静了！


最后，有个问题就是，在这个flex版本乱飞的年代，难道各位老大在写flex的css样式只是

Java代码  

1. Alert{  
2.     modalTransparency:0;  
3.     modal-transparency-blur:0;  
4. }  

这样的吗？
坑爹呀！

提醒初学者，使用组建方式写css时，记得带上命名空间。
如：ToolTip要写成mx|ToolTip(halo主题)或者是s|ToolTip(spark主题)