CSS背景图片无法加载

时间:2017-08-08 01:20:10

标签: javascript html css css-position

我一直在为虚假企业建立一个网站,以提高我的HTML,CSS和JavaScript技能。但是我无法加载我的背景图像,如果你可以查看我的代码以查看错误,那就太棒了。

Link to GitHub release

3 个答案:

答案 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');