WP7 WebBrowser 的透明背景（解决方法）

Question

WP7的WebBrowser无法设置透明背景。为了给人留下透明背景的印象，我想做以下解决方法。我想要：

1. 找到WebBrowser在页面上的位置和大小。
2. 获取页面的背景图片。
3. 使用我在步骤 1 中找到的值对其进行裁剪。
4. 将结果保存在isolatedStorage中
5. 解析 HTML 并放置
6. MyWebBrowser.NavigateToString(NewHtmlString);

我认为这应该是透明背景的解决方法并且应该有效。

现在我尝试在第 5 步中放置任何 .jpg 图像（假设为 test.jpg）。 但失败了。我将文件的“构建操作”属性设置为“内容”。它被放置在项目的根目录中。并且 不起作用。网络浏览器的背面仍然是白色的。

我做错了什么？

---

更新： 第5步解决了。

2克劳斯：不！不仅来自网络。我将html文件和图像文件保存到IsolatedStorage中，并且WebBrowser可以将图像显示为背景。

现在的问题是背景无法修复。我尝试了很多不同风格的东西。我还尝试在文本后面添加一个固定的 div。什么都不起作用。图片总是与文字一起滚动。我尝试添加 onscroll 事件并传递滚动值以将 div 向相反方向移动，但 div 粘在页面上:(

有什么想法吗？

Answer 1

因此，假设您正在谈论 WebBrowser 控件，您会忘记 HTML 只能引用万维网上的 url。

因此，您要么需要在网站上托管背景图像，要么需要注入 CSS 样式，将背景设置为白色或黑色（平台的两种默认背景颜色）。

Answer 2

对于 WebBrowser，您实际上不必将其保存到 ISO 即可在页面上进行更改。您可以正常加载它并导航到它，然后使用 InvokeScript 通过自定义 JS 代码进行更改。但这可能有点棘手，因为您可能需要严重依赖评估和字符串化。克劳斯提到的问题仍然存在——但你需要做一些实验。在 Mango 版本和 SDK 7.1+ 中，平台支持 is://path/file 形式的 IsoltatedStorage 图像源 - 也许 - 也许 - 也许平方 - 网络浏览器的渲染器也支持它们 - 然后将你的 bkg 的 url 设置为这样就可以了。但我对此表示怀疑，因为这可能被视为一些轻微的安全漏洞等

Answer 3

我现在遇到了同样的背景固定图像问题。对于在这里徘徊的人，我解决了将内容放入固定高度容器（div）中的问题，因此容器内容正在滚动，而不是html页面，从而使背景图片“固定”。

body 
{ 
    background-image:url('...'); 
    background-position:-20px -150px; 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
}
div
{
    height:300px;
    overflow:scroll;
}

当然，背景位置和 div 高度是专门针对页面中的 Web 浏览器位置及其大小而设置的。