Repita de fundo no flex 3

Question

Estou tentando definir um plano de fundo para uma tela e definir uma repetição-x nela. Mas qualquer coisa que eu tento não funcionar. Estou usando este código:

<mx:Style>
    Canvas.topbar {
        borderColor: yellow;
        alpha: 1.0;
        backgroundImage: url('../assets/images/header.png');
        backgroundRepeat: x-repeat;
    }
</mx:Style>
<mx:Canvas height="25" top="0" left="0" right="0" styleName="topbar">
    <mx:Label x="2" y="4" text="{system_name} {system_version}" height="15"/>
</mx:Canvas>

Mas não funcionará :(

O que há de errado com o código?

Answer 1

Tente usar background-Image e background-Repeat Na tag de estilo.

Você também deve garantir que a imagem esteja acessível ou tente incorporar a imagem com

background-Image: Embed('../assets/images/header.png');