使用HTML在Windows 8应用程序开发中将背景更改为图像

Question

我正在使用网格应用模板创建应用，并将图像放入images文件夹中。 当我尝试更改背景图片时，它无效。

这是我的代码：

HMTL

<div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/groupedItems/groupedItems.html'}"></div>

CSS

#contenthost {
  height: 100%;
  width: 100%;
  background:url(../images/Background.jpg);
}

Answer 1

首先，将您的路径以url值放在单引号中。其次，使用../ images / ...是一个相对路径，它依赖于项目的文件夹结构，因此依赖于你的包，并且在使用页面控件时会变得棘手。只需使用/ images / ...（没有前导..），你就可以引用该文件夹了。

即尝试background：url（'/ images / background.jpg'）;