如何在Sencha中創建一個帶背景圖像的面板

請將我想設置爲.png圖像作爲Sencha觸摸面板的背景下面是我現在和它不工作，除非我把整個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的文件夾中。

來源

2012-02-13 Shoppyonline

這是更好地圖像添加到div，並且該分區添加到面板。 – Nag 2012-02-13 14:00:55

在你的css文件中試試這個選項。

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

來源

2012-02-13 14:02:50 Nag

謝謝大家。解決方案是：url（'images/home_graphic.png'）; – Shoppyonline 2012-02-13 14:59:41

如何在Sencha中創建一個帶背景圖像的面板

回答

相關問題