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

Question

请我尝试将.png图像设置为Sencha触控面板的背景 这是我现在所拥有的，除非我把整个网址http://blah等等等等，否则它不起作用

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的文件夹中。

Answer 1

在css文件中尝试此选项。

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