Html 背景赢得';t显示

Html 背景赢得';t显示,html,css,image,background,Html,Css,Image,Background,因此,我从codepen.io获取了一个项目并对其进行了修改。但现在我正试图添加一个背景图像,但我无法显示它。。。这是我的密码: 正文{ 背景图片:url(“starwars.jpg”); 背景尺寸:封面; 背景重复:无重复; 背景附件:固定; } 分区窗口{ 颜色:白色; 宽度:500px; 填充:.42rem; 边界半径:5px; 背景:#26466D; 保证金:1rem; 文本对齐:居中; 字体系列:BlueHighway,Arial黑色,无衬线; 保证金:0自动; } 分区窗口标签{

因此,我从codepen.io获取了一个项目并对其进行了修改。但现在我正试图添加一个背景图像,但我无法显示它。。。这是我的密码:

正文{
背景图片:url(“starwars.jpg”);
背景尺寸:封面;
背景重复:无重复;
背景附件:固定;
}
分区窗口{
颜色:白色;
宽度:500px;
填充:.42rem;
边界半径:5px;
背景:#26466D;
保证金:1rem;
文本对齐:居中;
字体系列:BlueHighway,Arial黑色,无衬线;
保证金:0自动;
}
分区窗口标签{
显示:块;
背景#660b0b;
字体大小:较大;
边界半径:5px;
填充:.6rem;
过渡:所有线性;
}
div.window标签:悬停{
光标:指针;背景:#311;
}
input.toggle~div{
高度:0px;边距:.2em;
溢出:隐藏;
过渡:.6s全立方贝塞尔(0.730,-0.485,0.145,1.620)
}
input.toggle:checked~div{height:230px;}
input.toggle:checked+label{background:red;}
input.toggle{display:none;}

使用原力,卢克。

我刚刚测试了你的代码,它工作正常,所以我认为发生的是背景图片的路径错误


如果您的starwars图像不在html页面的根文件夹中,则它不能是
url(“starwars.jpg”)。检查是否未将其放在其他文件夹中。

图像“starwars.jpg”是否与使用它的.html文件位于同一文件夹中?

在CSS中,您将背景图像应用于
正文
,但在作为潜在问题发布的html中,您没有正文标记……是的,在Codepen上。我刚刚在谷歌上随机选取了一张图片的url,将其替换为
背景图片:url(“…”)就是这样。只是将“starwars.jpg”替换为图像的url。很好!感谢您的回复!刚刚将“starwars.jpg”替换为图像的url。很好!感谢您的回复!