Html 背景图像未加载
我是html/css新手,我不明白为什么我的背景图片没有显示出来。这是一个简单网站的简单测试CSS表和HTML代码的一部分。我正在尝试添加一个背景图像,我已经做了一次,它工作了,我不知道为什么它现在不工作Html 背景图像未加载,html,css,Html,Css,我是html/css新手,我不明白为什么我的背景图片没有显示出来。这是一个简单网站的简单测试CSS表和HTML代码的一部分。我正在尝试添加一个背景图像,我已经做了一次,它工作了,我不知道为什么它现在不工作 .timeline{ width: 100%; height: 400px; display: inline-flex; background-image:url("img/back.jpg"); } 您的背景图像语法不正确 您需要使用background r
.timeline{
width: 100%;
height: 400px;
display: inline-flex;
background-image:url("img/back.jpg");
}
您的背景图像语法不正确 您需要使用
background repeat:repeat代码>用于重复。这是医生
您的背景图像语法不正确
您需要使用background repeat:repeat代码>用于重复。这是医生
你的规则是错误的。您正在尝试设置背景图像
、背景位置
和其他规则,但规则名称仅为背景图像
使用background
而不是background image
您的规则是错误的。您正在尝试设置背景图像
、背景位置
和其他规则,但规则名称仅为背景图像
使用background
而不是background image
尝试替换此代码
display:inline-flex;
display:flex;
显示:内联flex;
遵守这一准则
display:inline-flex;
display:flex;
显示器:flex 请尝试替换此代码
display:inline-flex;
display:flex;
显示:内联flex;
遵守这一准则
display:inline-flex;
display:flex;
显示器:flex 这很有效。Asuming您的文件路径是正确的
.timeline{
width: 100%;
height: 400px;
display: inline-flex;
背景图像:url(img/back.jpg)}这很有效。Asuming您的文件路径是正确的
.timeline{
width: 100%;
height: 400px;
display: inline-flex;
.timeline{
width: 100%;
height: 400px;
display: inline-flex;
background-image:url("./img/back.jpg");
}
背景图像:url(img/back.jpg)}您的图像文件路径可能不正确吗?您是否尝试过url(“https://example.com/full/path/to/img/back.jpg“”
?@NiettheDarkAbsol是的,我尝试过为背景提供默认的fullRepeat,所以请忽略它,位置0也是默认的,所以您可以忽略它。演示:这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布前确定并仔细检查重现问题所需的最短程序来避免。是否可能您的图像文件路径不正确?您是否尝试过url(“https://example.com/full/path/to/img/back.jpg")
?@NiettheDarkAbsol是的,我尝试过将fullRepeat作为背景的默认值,因此忽略它,位置0也是默认值,因此可以忽略它。演示:这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布前确定并仔细检查重现问题所需的最短程序来避免。背景具有合理的默认值。@NiettheDarkAbsol OP试图一次设置所有内容,但使用了错误的规则名称。哦,是的。我怎么会错过呢?XDBackgrounds有合理的默认值。@NiettheDarkAbsol OP试图一次设置所有内容,但使用了错误的规则名称。哦,是的。我怎么会错过呢?XD他说图像没有出现,不是说它没有重复。还是我不理解这里的问题?@Vandal css语法用于背景图像
是错误的,这就是它不显示的原因他说图像没有显示,不是它没有重复。还是我不理解这里的问题?@Vandal css语法用于背景图像
是错误的,这就是为什么它不显示。虽然仅代码答案可能解决原始问题,但对您的解决方案的一些解释将提高此答案的质量。虽然仅代码答案可能解决原始问题,对您的解决方案进行一些解释将提高此答案的质量。
.timeline{
width: 100%;
height: 400px;
display: inline-flex;
background-image:url("./img/back.jpg");
}