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

Question

我正在使用网格应用程序模板创建一个应用程序并将图像放在图像文件夹中。当我尝试更改背景图片时，它不起作用。

这是我的代码:

HTML

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