身体{背景：网址（3.jpg）不起作用

Question

我正在构建一个简单的登录页面，图像文件与 html 和 css 文件位于同一文件夹中。应用后

图片无法显示。图像文件显示在调试工具中

body { background-image: url ("../Landing page/3.jpg") ect...}
body { background-image: url ("..Landing page/3.jpg") ect...}
body { background: url ("../Landing page/3.jpg") ect...}
body { background: url ("../Landing page/3.jpg") ect...}
body { background-image: url ("..3.jpg") ect...}
body { background-image: url ("../3.jpg") ect...}
body { background: url ("3.jpg") ect...}
body { background: url ("../3.jpg") ect...}

我也更改了文件和文档的名称。在这一点上，我不知道我还能错过什么

body {
    width: 100%;
    height: auto;
    background: URL (" 3.jpg ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
}

Answer 1

上面的答案（由 Muhibbullah Ansary 提供）工作正常，但是，请考虑添加一个容器并在其上放置一个类或 ID，而不是使用 BODY 标记。

正如其他人所提到的，请仔细检查您的网址。

如果您根据您提供的代码说明您想要的结果是什么，这样我们就不必猜测，这也会对我们有所帮助。有可能即使代码得到纠正，它仍然不能完成你真正想要的。只是一个想法。

Answer 2

应该是：

background-image: url('/your/path');

Answer 3

1) 检查错误和失败的请求。

2) 可能图片的扩展名不是 jpg 而是 jpeg。检查扩展名。

3) 检查图片的正确路径。

4) 两者都是正确的background-image: url('imgPath'); 或background: url('imgPath');

谢谢

Answer 4

body{
  background: url('https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  width: 100%;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
}

您的图片路径不正确，请更正此路径。