Windows 8 - 使用图像作为背景

时间:2012-10-09 10:29:03

标签: css windows html5 windows-8 winjs

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

我有一个文件夹images和背景纹理bg.png。此外,样式表位于css文件夹中。

CSS

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

但没有任何事情发生!我试过了background: #999。我该怎么办?

3 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

如果它不是路径(使用绝对与相对,如上所述将修复),您还需要确保您有一个id = contenthost的元素。

CSS让你同时执行id和类,所以如果你开始进入样式页面控件,你会看到大量使用类(.mypage .subsection)。

最后,您始终可以直接在body标签上的任何单个html文件中设置背景,如:

        <body style="background-image: url('/images/bg.png');">

答案 2 :(得分:0)

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

<img id="mainImg2" src="ms-appdata:///Local//bckgrnd.jpg" />