1

divjQuery を使用してレンダリングされたページの特定の場所にタグを挿入する Firefox アドオンに取り組んでいます。

タグは、div次のコードを使用して挿入された CSS ファイルを使用してスタイル設定されます。

var style = Style({
  uri: './dist/app.css'
});

この CSS ファイルには次のものがあります。

.myExt_injected_div_tag {
    background-color: blue !important;
    background-image: url('/locaton/of/my/image.png') !important;
}

背景色が正常に機能するため、このCSSが適用されています（100％になるように別の色に変更してみました）。

問題は、background-imageタグに影響がないことです。resource://my-ext/data/img.pngブラウザーに手動で入力すると機能する FQDN を使用して、URL から画像まで、さまざまな値を試してみました。

背景画像を変更するにはどうすればよいですか?

4

1 に答える 1

0

の URL はbackground-image、この画像をレンダリングする HTML/CSS ファイルの場所に相対的である必要があります。

ex: data\html\pane.html
    data\images\pane-img.png
    data\styles\pane.css

次にpane.css：

background-image:url("../images/pane-img.png");
于 2015-11-14T21:39:53.077 に答える