我一直在为虚假企业建立一个网站,以提高我的HTML,CSS和JavaScript技能。但是我无法加载我的背景图像,如果你可以查看我的代码以查看错误,那就太棒了。
答案 0 :(得分:0)
您正在访问父文件夹中的图像文件,因此您需要使用两个点(../)
来访问父文件夹,然后../Images/image.jpeg
使用此
CSS
background-image: url("../Images/pexels-photo-coffee-main.jpeg");
答案 1 :(得分:0)
您需要使用../
代替./
../
会向您发送一个目录,./
会将您留在当前目录中。
所以你的行:
background-image: url("./Images/pexels-photo-coffee-main.jpeg");
实际应该是:
background-image: url("../Images/pexels-photo-coffee-main.jpeg");
注意如果您想要返回多个目录,那么您可以执行../../../
,例如返回3。
答案 2 :(得分:0)
确保目录结构正确。检查此示例
html
|-assets/css/
|-assets/js/
|-assets/images/
index.html
然后当你想加载图片时,请确保在css中你的代码是
background-image: url('assets/images/image_file.jpg');