0 
body {
    margin:0px;
    padding:0;
    background: #777 url(foodwine.png) center fixed;
    background-repeat:no-repeat;    
    text-align:center;
}

この背景画像を IE7 に表示できないようです (他の IE についてはわかりません)。

さまざまな種類のバリエーションと間隔をすべて試しましたが、IE に表示されたくないだけです。

どんな助けでも大歓迎です！

編集:レールを使用して画像を提供していますが、Firefox/Chrome で動作します。「/images/foodwine.png」でディレクトリを指定してみましたが、どのブラウザでも表示されません。

http://afternoon-samurai-9254.herokuapp.com/これは私が取り組んでいるページです。

4

5 に答える 5

1

これを試して：

body {
    margin:0;
    padding:0;
    background: #777 url(foodwine.png) no-repeat center fixed;
    text-align:center;
}
于 2012-07-12T00:39:55.680 に答える
0

IE7 で固定配置を機能させるには、厳密な doctype が必要です。

    <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
于 2012-07-12T01:28:31.040 に答える
0

画像は次のようなディレクトリにあると思いimagesますか？その場合、ルート Web ディレクトリから呼び出すのが、適切に参照されていることを確認する最も安全な方法です。

background: #777 url('/images/foodwine.png') center fixed;
于 2012-07-12T00:36:16.687 に答える
0

0px の代わりに margin:0 を使用してみてください。Cole が言ったように、画像の URL を引用符で囲みます。エクスプローラーを指しているから画像が存在すると思うので、他のブラウザーを試したと思います。

于 2012-07-12T00:36:36.530 に答える
0

ie7 には奇妙な動作 (バグ?) があり、重い画像 (この場合は 2.3MB) をレンダリングしているようです。

于 2012-07-12T05:01:20.027 に答える