Javascript 如何在Sencha中创建具有背景图像的面板

Javascript 如何在Sencha中创建具有背景图像的面板,javascript,html,css,sencha-touch,Javascript,Html,Css,Sencha Touch,我正在尝试设置一个.png图像作为Sencha触摸屏的背景 这就是我现在拥有的,除非我把整个url都放进去,否则它不会工作 MrFantastic.views.home_graphic = new Ext.Panel({ dock:'top', //style:'background-color:url("/images/home_graphic.png");', //html: 'graphic_con', cls:"home_g

我正在尝试设置一个.png图像作为Sencha触摸屏的背景 这就是我现在拥有的,除非我把整个url都放进去,否则它不会工作

MrFantastic.views.home_graphic = new Ext.Panel({
        dock:'top',
        //style:'background-color:url("/images/home_graphic.png");',
        //html: 'graphic_con',
        cls:"home_graphic"
    });
如果我是正确的,这里是cls“home_graphic”应该链接到的css

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

.png图像位于我的www父文件夹中名为images的文件夹中。

请在css文件中尝试此选项

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

最好将图像添加到div,并将该div添加到面板。谢谢大家。解决方案是:url('images/home_graphic.png');