2011-09-16 6 views
0

WP7のWebBrowserに対して透明な背景を設定することはできません。透明な背景を感じるために、私は次の回避策を実行したいと思います。私はしたい:WP7 WebBrowserの透過的な背景(回避策)

  1. ページ上のWebブラウザーの位置とサイズを見つけるには。
  2. ページの背景イメージを取得します。
  3. 私は、これは透明の回避策であるべきだと思うHTMLを解析し、<body background="RESULTBACKGROUND">
  4. MyWebBrowser.NavigateToString(NewHtmlString);

を配置するにはIsolatedStorage

  • の結果を保存するには、私はステップ1
  • に見つけたものの値を持つ作物それをバックグラウンドで動作するはずです。

    今のところ、ステップ5で任意の.jpgイメージ(例:test.jpg)を配置しようとしています。 しかし、失敗します。私は "コンテンツ"に設定されたファイルの "ビルドアクション"プロパティを持っています。プロジェクトのルートに配置されます。そして<body background="test.jpg">は機能しません。 WebBrowserの背面はまだ白です。

    私は間違っていますか?


    UPD: ステップ5を解決しました。

    2クローナス:いいえ!ウェブからだけでなく、私はIsolatedStorageにhtmlファイルと画像ファイルの両方を保存し、Webブラウザは画像をバックグラウンドとして表示できます。

    問題は、背景を修正できないということです。私はスタイルと多くのdifferrentものを試してみました。私もテキストの後ろに固定されたdivを追加しようとしました。何も動作しません。画像は常にテキストでスクロールしています。私はonscrollイベントを追加し、それが逆方向にdiv要素を移動するために値をスクロール渡そうとしましたが、DIVは、ページに接着されている:(

    任意のアイデア?

  • +0

    あなたは* WebBrowser *コントロールについてお話していますか? Windows Phoneには* WebControl *がありません。これはASP.NET WebFormsです。 –

    答えて

    2

    ですから、Webブラウザーの話をしていると仮定するとコントロールを使用すると、HTMLだけがWWW上のURLを参照できることを忘れてしまいます。

    ウェブサイトで背景イメージをホストする必要があるか、背景を設定するCSSスタイルを注入する必要があります白または黒(プラットフォームの2つのデフォルトの背景色)に変更することができます。

    0

    WebBrowserの場合、実際にページに変更を加えるためにISOに保存する必要はありません。それを通常通りロードしてから、InvokeScriptを使ってカスタムJSコードを使って変更を加えることができます。あなたがおそらく評価と文字列化に大きく依存する必要があるので、ややこしいかもしれません。 Clausが述べた問題はまだありますが、いくつかの実験をする必要があります。 MangoのリリースとSDK 7.1以降では、プラットフォームはIsoltatedStorageイメージソースをis:// path/file - 多分おそらく多分 - 二乗する - ウェブブラウザのレンダラーがそれを見越している - そして、あなたのbkgのURLをそのように設定すればうまくいく。私はそれが軽微なセキュリティ違反などと見なされる可能性があるので疑いがあります

    +0

    修正 - URLスキームはis:is/isostore:/ - ではありませんが、それでもWBはそれを理解しません。また、CSSのrgbaカラーの機能(body.background = rgba(0,0,0,0))で再生すると、デジタルノイズやフレームバッファーのゴーストダンプなどの非常に醜いグリッチが発生します。実際にはかなり面白そうに見えます:) – quetzalcoatl

    0

    私は今、同じ背景の固定画像の問題にぶつかりました。ここでさまよっている人のために、固定高さのコンテナ(div)にコンテンツを配置して解決しました。そのため、コンテナの内容はHTMLページではなくスクロールされ、背景画像は「固定」のままです。

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

    もちろん、background-positionとdiv heightは、ページ内のWebブラウザの位置とそのサイズに合わせて設定されています。

    関連する問題