Question

我正在尝试对Bootstrap主题进行一些更改，但我偶然发现了一个奇怪的问题。当我尝试更改标题背景图片时，我得到一个＆＃34;无法加载给定的网址＆＃34; Firebug中的消息。

我尝试使用的新背景现在与之前的工作背景位于同一文件夹中，所以我绝对确定路径是正确的。

这是我到目前为止所尝试的：

仔细检查新背景图片文件名是否正确
当前的背景文件名是background.jpg，所以我尝试将新背景命名为
删除了浏览器缓存
调整新背景的大小，使其与旧背景的尺寸完全相同

这些都没有奏效，我仍然在Firebug中收到相同的消息。这是相关的代码：

.header_part{
    background: url("images/background.jpg") repeat scroll center center / cover rgba(0, 0, 0, 0);
    overflow: hidden;
}

请注意：路径正确，此CSS文件位于网站的根文件夹中，因此我不需要..返回images文件夹。

Answer 1

我在发布问题20秒后显然找到了解决方案。这是一个权限问题，Web服务器无法读取新图像。添加读取权限解决了这个问题。

我通过右键单击页面并在Firefox中选择“查看背景图像”找到了，此时我看到禁止页面说

Forbidden

You don't have permission to access /images/background2.jpg on this server.

Answer 2

确保您的班级名称正确无误。如果你想要背景封面，试试这个：

 .header_part {
     background:url(/images/background.jpg) no-repeat center center cover;
     background-position:top;
     height:auto;
     display:block;
     width:100%;
     text-align:center;
  }

无法在Bootstrap主题中更改标题背景

2 个答案: