如何更改每个 Dojo 移动视图的背景图像？答案

【问题标题】：How change background image for each Dojo mobile View?如何更改每个 Dojo 移动视图的背景图像？
【发布时间】：2015-03-24 20:28:03
【问题描述】：

是否可以使用 Dojo Mobile 更改每个视图的背景图像？

例如：

<div id="view1" data-dojo-type="dojox/mobile/View">
 <h1 data-dojo-type="dojox/mobile/Heading">View 1</h1>
 <ul data-dojo-type="dojox/mobile/RoundRectList">
    <li data-dojo-type="dojox/mobile/ListItem"
      data-dojo-props='icon:"images/i-icon-1.png",
                     moveTo:"view2",
                     transition:"slide"'>Go To View 2</li>
 </ul>
</div>

<div id="view2" data-dojo-type="dojox/mobile/View">
 <h1 data-dojo-type="dojox/mobile/Heading"
  data-dojo-props='back:"View 1",
                   moveTo:"view1"'>View 2</h1>
</div>

此处示例：http://dojotoolkit.org/reference-guide/1.10/dojox/mobile/View.html

如果我放类似的东西 style="background-image: url(../images/test-background.png) 在 view1 的 div 部分中，只有 div 将被图像作为背景，而我希望整个身体都被背景。如果我背景带有图像的主体，图像在其他视图中拆分（因为视图位于同一主体中），而我只希望 view1 由图像作为背景。

有什么建议吗？

提前致谢

【问题讨论】：

我认为先将背景图片放在正文中，然后在触发其他视图时将其删除可能是一种解决方案

标签： javascript html dojo

【解决方案1】：

您可以使用常规 CSS 设置移动视图的背景样式。

请参见下面的示例图片；它显示this demo 选择了按钮视图，使用开发者工具设置为紫色背景。如果您的背景样式未正确应用于整个视图，请发布您的代码或演示该问题的代码的 sn-p，因为我怀疑您的样式应用不正确。

【讨论】：

谢谢，很有用

【解决方案2】：

第一个答案有效，但不适用于整个视图，仅适用于 div：

有效的是：

<div style="background:yellow;min-height:100%" id="view0" data-dojo-type="dojox/mobile/View">
    //whatever you want
</div>

重要的是 min-height:100%

没有它：

有了它：

【讨论】：