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

我似乎无法在 IE7 上显示此背景图像（我不确定其他 IE）。

我尝试了所有不同类型的变化和间距，但它只是不想出现在 IE 中。

任何帮助将非常感激！

编辑：我正在使用 rails 来提供图像，它可以在 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

我猜该图像位于名为images或类似的目录中？如果是这样，从您的 Web 根目录调用它是确保正确引用它的最安全方法：

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

尝试使用 margin:0，而不是 0px。正如科尔所说，在图片网址周围添加引号。我想图像存在是因为你在指出资源管理器，所以我认为你尝试了其他浏览器。

于 2012-07-12T00:36:36.530 回答
0

您需要有严格的文档类型才能在 IE7 上进行固定定位。

    <!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

似乎 ie7 有一个奇怪的行为（错误？）渲染重图像（在这种情况下为 2.3MB），尝试使用 jpg 图像格式，通常使用 png 来支持我在这种情况下看不到的透明度。

于 2012-07-12T05:01:20.027 回答