2012-02-13 25 views
0

Sencha-touchパネルの背景として.png画像を設定しようとしています ここに私が今持っているものがあります。 URL全体すなわちhttp://blah何とか何とかSenchaで背景画像を使用してパネルを作成する方法

MrFantastic.views.home_graphic = new Ext.Panel({ 
     dock:'top', 
     //style:'background-color:url("/images/home_graphic.png");', 
     //html: 'graphic_con', 
     cls:"home_graphic" 
    }); 
ここ

CLS CSSです:「home_graphicは」私は正しいだ場合にリンクするとしているが。

.home_graphic 
{ 
background-repeat:no-repeat; 
background-size:contain; 
background-image: url('/images/home_graphic.png'); 
background-position:50% 0; 
} 

.pngイメージは、私のwwwの親フォルダのimagesというフォルダにあります。

+2

divに画像を追加し、そのdivをパネルに追加することをお勧めします。 – Nag

答えて

0

あなたのCSSファイルでこのオプションをお試しください。

-webkit-mask-image:url('images/home_graphic.png'); 
+1

ありがとうございました。解決策は次のとおりでした:url( 'images/home_graphic.png'); – Shoppyonline

関連する問題