1

我一定是犯了一个简单的错误(Flex 的新手)。这是 main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
                backgroundColor="#ff0000">
    <mx:Style source="/testing123.css"/>
    <mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" >
    </mx:Canvas>
</mx:Application>

这是testing123.css:

.bg-lowlight

    {
        backgroundColor: #003366;
    }

画布在设计模式下呈现良好(漂亮的深蓝色),但是当我运行应用程序(在浏览器或 Flash Player 中)时,框架是红色的(来自应用程序标记的颜色)。如果我直接指定 Canvas 的颜色,而不是通过 styleName,它会按预期工作(运行时为蓝色画布)。

我正在使用 FlexBuilder3,并且宁愿将颜色放在 .css 文件中,而不是放在每个 Flex 元素上!

帮助!!!

*** 附加问题描述...与外部 .css 文件无关。即使我在 main.xml 文件中声明了 CSS 样式,它在设计模式下看起来仍然很好,但在运行时却出错了。我完全受阻。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#ff0000">
    <mx:Style > 
.bg-lowlight
{
    backgroundColor: #003366;
}
    </mx:Style>
    <mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" id="canvas1">
    </mx:Canvas>
</mx:Application>
4

2 回答 2

2

运行应用程序时活动目录会发生变化,因此“/testing123.css/”不再引用正确的文件。

编辑:实际上真的很烦人。

于 2009-06-15T15:33:19.507 回答
0

所以......在 CookieOfFortune 的帮助下,我找到了问题的根源:

  • CSS 类名 ( bg-lowlight ) 无效。'-' 是不允许的

这就是发生的事情,我猜,当你猜测什么是合乎逻辑的!

于 2009-06-15T22:05:54.110 回答