5

<li>Firefoxでの読み込みの背景画像に問題が発生しています。

私の元のコードは次のとおりです。

background: #bdcad7 url(../images/navbg.png) repeat-x;

これはchromeとIEではうまく機能しますが、FFでは機能しません。

background: #bdcad7 url(images/navbg.png) repeat-x;

IEとクロームでも動作しますが、FFでは動作しません

FFで機能させる唯一の方法は、次のディレクトリレベルを含めることです。

background: #bdcad7 url(/includes/images/navbg.png) repeat-x;

しかし、それは他のブラウザでは機能しません。

考えられるすべてのバリエーションを試しましたが./、../引用符、二重引用符、使用法background-imageなどが含まれていますが、すべてのブラウザで機能させることはできません。FFでは相対パスの読み取りが異なるようです（これまでに見たことのないもの）

すべてのブラウザで機能するのは、画像の完全なURLまたは絶対パスを使用することですが、テキストエディタではそれぞれ3行かかるため、可能であれば避けたいと思います。

Firefoxが私に苦労している理由についての洞察をいただければ幸いです。

4

5 に答える 5

2

私はすべての入力に感謝します。私の能力の限りでは、ディレクトリパスに沿ってサーバー側のどこかに問題が発生していると考えました。

私はcssを2倍、3倍チェックし、可能な限りすべてのバリエーションを試しましたが、テストドキュメントでエラーを再現することはできません。

他の誰かが同じ問題に遭遇した場合に備えて、完全な絶対パスを選択するのが唯一の選択肢だと思います。

background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
于 2012-11-21T20:43:24.217 に答える
1

正しい構文は次のようになります

background: #bdcad7 url(../images/navbg.png) repeat-x right top

したがって、それを機能させるには、最後の2つの引数を追加する必要がある場合があります。
サイトの構造を教えていただければ大変助かります。

于 2012-11-16T20:09:06.207 に答える
0

背景を含むdivにある程度の高さがあることを確認してください。また、画像のファイル名がCSSファイルのパスを基準にしていることを確認してください。

より多くの可能な解決策はここで見つけることができます-背景画像はFirefoxに表示されません

于 2012-11-16T20:02:07.573 に答える
0

url('../images/navbg.png')''で試してください。私はとにかくそれをします、そしてそれは傷つけないようです、それで多分それは助けになるでしょうか？試してみる価値。

于 2012-11-16T20:12:21.377 に答える
0

背景：url（ "../ images / navbg.png"）repeat-x右上にスクロール＃BDCAD7;

于 2012-11-19T10:09:01.003 に答える