Deve essere un semplice errore che sto facendo: di stile CSS Flex non funziona in un caso banale

StackOverflow https://stackoverflow.com/questions/996557

Domanda

Devo essere facendo un semplice errore (di nuovo da Flex). Ecco 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>

e qui è testing123.css:

.bg-lowlight

    {
        backgroundColor: #003366;
    }

La tela di canapa rende bene in modalità di progettazione (un bel blu profondo), ma quando faccio funzionare l'applicazione (sia nel browser o nel Flash Player) la cornice è rossa (il colore del tag Application). Se mi specificare il colore per il Canvas direttamente, invece che attraverso lo styleName, funziona come previsto (tela blu in fase di esecuzione).

sto usando FlexBuilder3, e sarebbe molto meglio mettere i colori in un file css che su ogni elemento Flex!

Aiuto !!!

*** Ulteriori descrizione del problema ... non ha nulla a che fare con un file css esterno. Anche se io dichiaro gli stili CSS all'interno del file main.xml, sembra ancora bene in modalità di progettazione e sbagliato quando viene eseguito. Sono completamente ostacolati.

<?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>
È stato utile?

Soluzione 2

Quindi ... con l'aiuto di CookieOfFortune ho rintracciato la radice del problema:

  • il nome della classe CSS ( bg-lowlight ) non è valido. Il '-' non è consentito

Ecco cosa succede, credo, quando si indovina a ciò che è logico!

Altri suggerimenti

La directory attiva cambia quando si esegue l'applicazione, in modo da "/testing123.css/" non si riferisce al file corretto.

EDIT:. In realtà è davvero fastidioso

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top