css - 无法在 Extjs 中为 chrome 动态应用背景面板图像

Question

我有一个类似桌面的应用程序，以面板为基础，它有背景。我有一个包含多个图像的表单来动态更改面板背景。我使用下面的代码同时适用于 Firefox 和 IE。但没有一个适用于 Chrome。但是我开始知道直接应用于面板 div 元素会更好。

我使用的代码是:

panelbg.setBodyStyle({
backgroundImage: 'url('+bgimage+') !important',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
backgroundSize: 'contain'
});

panelbg.setBodyStyle('background-image','url('+bgimage+')');    
panelbg.setBodyStyle('backgorund=position','center');
panelbg.setBodyStyle('background-size','cover');

如何在不使用多个语句的情况下简单地设置面板背景？

非常感谢您的帮助。

提前致谢! :)

Answer 1

您是否尝试过连接函数:

panelbg.setBodyStyle('background-image','url('+bgimage+')').setBodyStyle('backgorund=position','center').setBodyStyle('background-size','cover');