Должна быть простая ошибка, которую я делаю: стиль Flex CSS не работает в обычном случае - PullRequest
Новая
       34

Должна быть простая ошибка, которую я делаю: стиль Flex CSS не работает в обычном случае

1 голос
/ 15 июня 2009

Я, должно быть, делаю простую ошибку (новичок в 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>

и вот тестирование123.css: 

.bg-lowlight

    {
        backgroundColor: #003366;
    }

Canvas отлично отрисовывается в режиме дизайна (приятный темно-синий), но когда я запускаю приложение (в браузере или в Flash Player), рамка становится красной (цвет из тега приложения). Если я укажу цвет для Canvas напрямую, а не через styleName, он будет работать как положено (синий холст во время выполнения).

Я использую FlexBuilder3 и предпочел бы поместить цвета в файл .css, чем на каждый элемент Flex!

Помощь !!!

*** Дополнительное описание проблемы ... не имеет ничего общего с внешним файлом .css. Даже если я объявлю стили CSS в файле main.xml, он все равно выглядит нормально в режиме «Дизайн» и неправильно при запуске. Я совершенно в тупике. 

<?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>

Ответы [ 2 ]

2 голосов
/ 15 июня 2009

Активный каталог изменяется при запуске приложения, поэтому «/testing123.css/» больше не ссылается на правильный файл.

РЕДАКТИРОВАТЬ: Это действительно очень раздражает.

0 голосов
/ 16 июня 2009

Итак ... с помощью CookieOfFortune я обнаружил корень проблемы:

  • имя класса CSS ( bg-lowlight ) недопустимо. '-' не допускается

это то, что происходит, я думаю, когда вы догадываетесь, что логично!

...