Question

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

我使用下面的代码在网络浏览器中加载本地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中的数据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/

如何在wp7中显示带有背景图片的html文件？

1 个答案: