如何为每个 Dojo 移动视图更改背景图像？

Question

是否可以使用 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 会被图像背景化，而我希望整个 body 成为背景。如果我用图像作为 body 的背景，图像会在其他视图中拆分（因为视图在同一个 body 中），而我只是希望 view1 以图像为背景。

有什么建议吗？

提前致谢

Answer 1

您可以使用常规 CSS.

设置移动视图背景的样式

参见下面的示例图片；它显示 this demo 并选择了 Buttons 视图，使用开发人员工具将其设置为紫色背景。如果您的背景样式没有正确应用于整个视图，请 post 您的代码或演示问题的代码片段，因为我怀疑您的样式应用不正确。

Answer 2

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

有效的是：

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

重要的是最小高度:100%

没有它：

有了它：

如何为每个 Dojo 移动视图更改背景图像？

How change background image for each Dojo mobile View?

html

javascript

dojo