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

Question

我是CSS的初学者，自昨天以来，我一直在这个问题上。

我尝试了堆栈溢出中建议的所有解决方案，但似乎没有用。我尝试使用内部和外部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＆nbsp; 10 pc中不行。

Answer 1

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

例如，如果您的CSS/index/javaScript文件在文件夹中，并且图像位于桌面上的文档文件夹中，则您需要按.../桌面/penguins.jpg的行执行一些操作。。否则，请尝试将图像文件与您的网站项目文件相同的文件夹。