Question

你一直试图让这个问题持续一段时间。我之前做过它就是为什么我觉得不得不提问。背景不会显示。

我正在尝试为我的页脚设置背景图片，并在我的网站上设置顶部菜单HERE

这是我的页脚CSS：

.blog-footer {
   padding: 40px 0;
   color: #999;
   text-align: center;
   background-image: url('./classy_fabric/classy_fabic.png');
   border-top: 1px solid #e5e5e5;
}

这是顶级导航的CSS：

.blog-masthead {
   background-image: url('./classy_fabric/classy_fabic.png');
   box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

Answer 1

你的面料拼错了，所以找不到它。

http://sadin.me/css/classy_fabric/classy_fabric.png

Answer 2

我在你的代码中发现了一个小故障。

background-image: url('./classy_fabric/classy_fabic.png'); one（.）缺失

background-image: url('../classy_fabric/classy_fabic.png');

Answer 3

我认为您只需要将文件移动到正确的目录中。

Request URL:http://sadin.me/css/classy_fabric/classy_fabic.png
Request Method:GET
Status Code:404 Not Found

如果您使用的是Chrome，请查看调试控制台的网络标签，查看是否存在任何404错误。

CSS背景图像问题

3 个答案: