Javascript 如何在Sencha中创建具有背景图像的面板
我正在尝试设置一个.png图像作为Sencha触摸屏的背景 这就是我现在拥有的,除非我把整个url都放进去,否则它不会工作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
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');