无法在HTML / CSS中将本地图像添加为背景图像

Question

我是CSS的初学者，从昨天开始我就一直在这个问题上停留。

我已经尝试了Stack Overflow中建议的所有解决方案，但是似乎没有任何效果。我尝试使用内部和外部CSS添加本地图像。

代码：

body {
     background-size: cover;
     background-image: URL('Penguins.jpg');
}

• 图像，CSS文件和HTML文件位于同一文件夹中。
• 使用<img>标签插入时，图像显示良好
• 使用来自Internet的图像时显示背景图像，即https://images.pexels.com/photos/210019/pexels-photo-210019.jpeg?cs=srgb&dl=action-asphalt-auto-210019.jpg&fm=jpg。

最令人沮丧的是，该代码在Windows 7 PC上可以正常工作，但在Windows 10 PC上却无法正常工作。

Answer 1

我看到这不起作用的唯一原因可能是您没有应有的图像。如果该图像与代码不在同一个项目文件夹中，则可能需要使用目录路径进行访问。

例如，如果CSS / index / JavaScript文件位于文件夹中，并且图像位于桌面上的documents文件夹中，则您需要按照... / desktop / Penguins.jpg的方式进行操作。否则，请尝试将图像文件移动到与网站项目文件相同的文件夹中。