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');

Answer 2

您是否尝试过（注意括号、分号和嵌套引号）：

panelbg.setBodyStyle({
    "backgroundImage: url(bgimage) !important;
     backgroundRepeat: no-repeat;
     backgorundPosition: center;
     backgroundSize: contain;"
});