2

次のCSSを使用して、メニューの背景画像を設定しています

#menuContainer
{
    background:url('../images/main-bg.png') repeat-x;
}

私のCSSは中にあります

~/styles/site.css

私の画像は中にあります

~/images/main-bg.png

問題は、これはChromeでは完全に機能しますが、Firefoxでは機能しないことです。ただし、URLを次のように変更すると

#menuContainer
{
    background:url('images/main-bg.png') repeat-x;
}

Firefoxで動作を開始し、Chromeでは動作しません。

誰か助けてもらえますか？

4

3 に答える 3

0

これは機能しますか：

#menuContainer
{
    background-image:url('./../images/main-bg.png') repeat-x; /* or './../img/main-bg.png' */
}

ドメイン名をお持ちの場合（またはローカルホストを実行している場合）、ブラウザが相対パスをどのように解決しているかに問題があると思われるため、絶対パスを使用してイメージを取得してみてください。

#menuContainer
{
    background-image:url('wwww.example.com/images/main-bg.png') repeat-x; /* or 'localhost:8080/images/main-bg.png' - please replace 8080 with the port you are using. */
}
于 2012-06-17T06:27:40.773 に答える
0

これに置き換えます

#menuContainer
{
    background:url('../img/main-bg.png') repeat-x;
}
于 2012-06-17T13:26:10.943 に答える
0

それは私の側の間違いのようです。いつもAptanaStudioを使って自分のサイトをチェックしていました。Aptanaからページを実行すると、Firefoxが自動的に開きますが、開いた場合、画像はレンダリングされません。Firefox内部サーバーと呼ばれるものを使用します。問題はそこにあると思います。最後に、WindowsエクスプローラーでIndex.htmlを右クリックして、FirefoxとChromeでWebページを開いてみました。これは、両方のブラウザーで完全に機能します。応援よろしくお願いします。

于 2012-06-17T15:14:20.163 に答える