windows-phone-7 - 如何在 wp7 中显示带有背景图像的 html 文件？

Question

我想在 Web 浏览器中加载本地 html 文件，其背景图像也是本地的。请任何人帮助我如何做到这一点。

我正在使用以下代码在 Web 浏览器中加载本地 html 文件。

var rs = Application.GetResourceStream(new Uri("images/Company.html", UriKind.Relative));
            using (StreamReader sr = new StreamReader(rs.Stream))
            {
                this.wb1.NavigateToString(sr.ReadToEnd());
            }

我在 html 文件中显示如下背景图像

   body{

       background: url(bg.jpg) no-repeat;
       background-size: 100%;

   }

Answer 1

如果 bg.jpg 不是太大，您可以将其作为嵌入在 css 或 html 中的 data-uri 提供。

在 CSS 中：

li { 
  background: 
    url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
    no-repeat
    left center;
  padding: 5px 0 5px 25px;
}

在 html 中：

<img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />

上面的例子直接取自：

http://css-tricks.com/data-uris/