Question

我不知道为什么但是我的浏览器（firefox）没有向我显示我的背景图片，当我把它放在html上时它可以工作。

我的编辑：崇高的文字2 我也使用MAMP。

我的css代码：

.home{
background-image: url('bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

你能帮帮我吗？感谢

雷米

Answer 1

我认为其他答案/评论是正确的。我的猜测是图像不在样式表的正确相对路径中。如果您的CSS文件位于您的网络根目录下的文件夹中，例如http://example.com/css/site.css，则浏览器将在http://example.com/css/bg-img.jpg处查找背景图片...这将是一个非常奇怪的地方放置它

尝试在css中放置文件的完整路径......如下所示：

.home{
background-image: url('/images/bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

（并确保bg-img.jpg实际上存在/ images /，当然！）

我给出解决问题的可能性。

如果没有，请在浏览器中打开页面，右键单击并选择“Inspect Element”或类似内容。然后你可以四处挖掘，看看你的css是否符合预期，看看你是否得到任何404，等等。这应该会很快引导你解决这个问题。

如果做不到这一点，请在其他浏览器中尝试。

顺便说一句，我认为这与Sublime没有任何关系。

PS。如果您仍在与此作斗争，请编辑您的问题以包含完整的css文件和html以及指向实时页面的链接。

Answer 2

1 - 也许你的div.home是空的，所以没有足够的高度显示它。（例如使用高度：200px来看它）

2 - 另一个原因是关于你的img url。如果它在像图像的文件夹中你应该尝试这个

.home{
background-image: url('images/bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

Answer 3

如果你想在崇高中添加背景图片......

body {
    font-family:arial, helvetica, sans-serif;
    font-size: 10px;
    background-image: url(../images/background.gif);
}

在样式表中使用sublime文本定义时，背景图像不会显示

3 个答案: