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;"
});

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

2 个答案: