Question

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/这是我正在处理的页面。

Answer 1

试试这个：

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

Answer 2

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

background: #777 url('/images/foodwine.png') center fixed;

Answer 3

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

Answer 4

你需要有严格的doctype来固定定位才能使用IE7。

    <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Answer 5

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

我无法在Internet Explorer上显示背景图像

5 个答案: