CSS 背景图片不会显示

Question

对于我来说，我无法使用 CSS 获得简单的背景图像来显示。我有一个非常简单的 HTML 页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>My Website</title>
<LINK href="./css/styles.css" rel=StyleSheet  type="text/css">
</head>
<body>
<p>foo</p>
</body>
</html>

以及以下 CSS 页面：

body {
    background:url('./images/myBackground.jpg');
}

但是图像一直没有显示。我用 Google 搜索了这个，很多人似乎都遇到过同样的问题，但是 none 的解决方案有效。我已经尝试了我能想到的 CSS 语法的所有组合（背景、背景图像、无引号、单引号、双引号、斜线、无斜线等）——没有成功。我试过将图像放在与 HTML 页面相同的目录中——没有成功。我试过制作一个正方形 div 并将其背景设置为这张图片——没有成功。我试过设置固定的高度和宽度——没有成功。

没有拼写错误，我知道图像没有任何问题，因为它使用 HTML 中的内嵌图像标签。 HTML 和 CSS 页面已链接，因为我可以做类似

的事情

p {
    color: blue;
}

那行得通。我在这里错过了一些非常明显的东西吗？我可以在线完成，但我真的更喜欢使用 CSS，现在我只是出于固执和原则而想这样做。

Answer 1

您必须使用 .png、.jpg、.gif 等扩展名

   background:url('../images/myBackground.png');

 background:url('../images/myBackground.jpg');

Answer 2

你需要多加一个“.”在 url.

前面

您正在链接到 /css/images/mybackground。

如果你多加一个“.”在它前面，就像../images/myBackground （并添加提到的扩展名）

应该可以。（至少在我对你的情况的再现中是这样。）

CSS 背景图片不会显示

CSS background image will not show

html

javascript

css

jquery

image