Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html body{background:url(3.jpg)不工作_Html_Css - Fatal编程技术网

Html body{background:url(3.jpg)不工作

Html body{background:url(3.jpg)不工作,html,css,Html,Css,我正在构建一个简单的登录页,图像文件与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 { bac

我正在构建一个简单的登录页,图像文件与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;
}

正文{
背景:url('https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
宽度:100%;
高度:自动;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
显示:表格;
}
1)检查错误和失败的请求

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

3) 检查图像的正确路径

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

谢谢

这将是:

<>代码>背景图像:URL('/You/PATH);

> P>上面的答案(Muhibbullah Ansary提供)很好,但是,考虑添加一个容器并在其上加上一个类或ID,而不是使用体标签。

正如其他人提到的,请仔细检查您的URL


如果您根据您提供的代码说明了您想要的结果,这样我们就不必猜测了,这也会对我们有所帮助。即使代码得到纠正,也可能无法实现您真正想要的。请想一想。

打开chrome debugger network(chrome debugger网络调试程序)选项卡,检查是否有任何失败的网络请求没有失败的请求你能提供更多的html和csstry重命名你的文件夹名称大多数浏览器停止使用第一个空格所以…将登录页重命名为登录页,让我们看看会发生什么。我也尝试过文件夹命名。使用internet上的绝对url是一种变通方法,而不是solution@velimirTchatchevsky我不确定它是否双向工作,但您的URL是大写的,您发布的每个示例都是小写的。抱歉,不是您。我指的是调试消息。