Html body{background:url(3.jpg)不工作
我正在构建一个简单的登录页,图像文件与html和css文件位于同一文件夹中 图像显示失败。图像文件显示在调试工具中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
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是大写的,您发布的每个示例都是小写的。抱歉,不是您。我指的是调试消息。