Windows phone 7 如何在wp7中显示带有背景图像的html文件?
我想在web浏览器中加载本地html文件,背景图像也是本地的。请任何人帮我怎么做 我使用下面的代码在web浏览器中加载本地html文件Windows phone 7 如何在wp7中显示带有背景图像的html文件?,windows-phone-7,windows-phone-8,windows-store-apps,windows-phone,Windows Phone 7,Windows Phone 8,Windows Store Apps,Windows Phone,我想在web浏览器中加载本地html文件,背景图像也是本地的。请任何人帮我怎么做 我使用下面的代码在web浏览器中加载本地html文件 var rs = Application.GetResourceStream(new Uri("images/Company.html", UriKind.Relative)); using (StreamReader sr = new StreamReader(rs.Stream)) {
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%;
}
如果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" />
上述示例直接取自:
它不起作用。我已经试过这个了。还有别的吗?真奇怪。好吧,这里有一个不同的答案,也许会有帮助?我想它可能必须作为一个单独的资源流读入。所以,像你一样读入html,然后为图像做另一个流,但是我不确定将图像放入html中适当位置的步骤。