4

我正在创建我的第一个 Windows 8 应用程序，但我遇到了 CSS 问题！

我里面有一个文件夹images和背景纹理bg.png。此外，样式表在css文件夹中。

CSS：

#contenthost {
  height: 100%;
  width: 100%;
  background: url("../images/bg.png") repeat;
}

但是什么也没有发生！我试过background: #999哪个有效。我应该怎么办？

4

3 回答 3

2

我使用相对于应用程序根目录的图像路径尝试了您的示例，它可以正常工作：

#contenthost {
    height: 100%;
    width: 100%;
    background-image: url('/images/logo.png');
    background-repeat: repeat;
}

就您的代码而言，这将是：

#contenthost {
    height: 100%;
    width: 100%;
    background: url('/images/bg.png') repeat;
}
于 2012-10-09T10:35:34.967 回答
0

您还可以将图像保存在项目文件夹中。并将其加载到 html 页面中，如下所示：

<img id="mainImg2" src="ms-appdata:///Local//bckgrnd.jpg" />
于 2012-10-09T14:53:29.803 回答
0

如果它不是路径（如上所述使用绝对与相对可以解决此问题），您还需要确保您有一个 id = contenthost 的元素。

CSS 让你同时处理 id 和 classes，所以如果你开始使用样式页面控件，你会看到大量使用类，如 (.mypage .subsection)。

最后，您始终可以直接在 body 标记上设置任何单个 html 文件中的背景，例如：

        <body style="background-image: url('/images/bg.png');">
于 2012-10-09T12:25:48.953 回答