Css 容器流体上的全屏背景图像

我试图得到一个背景图像来填充一个容器流体div的屏幕，但它不工作。我已经做了很多研究，但问题是：我正在工作的网站是在一个我完全没有能力编辑html的平台上。这是我的HOA（房主协会）的网站，他们使用了一个可怕的平台——HOA Express。我唯一的定制功能是网站设置页面上的“定制CSS”框。问题是

我以前在网站上有一个全屏背景图片，但本周他们更新了整个系统，从大约2002年的某个版本升级到我假设的bootstrap版本（我不太熟悉），在这样做的过程中，他们删除了所有现有的自定义css，所以我必须进入并重做所有事情

---

有什么想法可以试试吗？这可能吗

我的示例中缺少

背景尺寸：封面

。然而，这将“缩放”图像，我不认为这是你想要的。我想您希望图像填充视口，并停留在那里。要实现这一点，你需要将你的背景设置为“100%”，并加以固定

background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

所以基本上你加上这个

.container-fluid {
    background-size: 100% 100%;
    background-attachment: fixed;
}

---

我的示例中缺少

背景尺寸：封面

。然而，这将“缩放”图像，我不认为这是你想要的。我想您希望图像填充视口，并停留在那里。要实现这一点，你需要将你的背景设置为“100%”，并加以固定

所以基本上你加上这个

.container-fluid {
    background-size: 100% 100%;
    background-attachment: fixed;
}

为图像添加背景大小和宽度

---

---

将背景大小和宽度添加到图像

阻止您执行的操作：。容器流体{background:url（）不重复；背景大小：cover；}或类似的内容我已将您建议的代码应用于网站，但它不会填充整个屏幕。请随意看看我的意思。这看起来像是一个促成的问题，可能是我的图像被缩放了。该图像本机为1920x1080，由于我没有FTP权限上载任何文件，因此我将背景图像托管在谷歌图像上。当我在浏览器中查看照片属性时，它显示为1494px×840px。你知道是什么原因造成的吗？你可以从这里恢复旧的CSS:/什么阻止你这么做：。容器流体{background:url（）不重复；background size:cover；}或类似的东西我已经将你建议的代码应用到了网站上，但它并没有填满整个屏幕。请随意看看我的意思。这看起来像是一个促成的问题，可能是我的图像被缩放了。该图像本机为1920x1080，由于我没有FTP权限上载任何文件，因此我将背景图像托管在谷歌图像上。当我在浏览器中查看照片属性时，它显示为1494px×840px。你知道这是什么原因吗？你可以从这里恢复旧的CSS:/这是我目前拥有的：

.container fluid{background:url(https://goo.gl/KQMhPd)无重复中心已修复；-webkit背景大小：封面；-moz背景大小：封面；-o-background-size:封面；背景大小：100%100%；}背景附件：已修复；}正确，还是不正确？它仍然不起作用。由于某种原因，我的形象被缩小了。它不是你现在拥有的。我现在正在看你的网站，你只有
background:url(https://goo.gl/KQMhPd)无重复固定中心
删除所有内容并添加以下内容：。容器流体{background:url（）无重复固定中心；背景大小：100%；}如果你打算自己做一些不同的事情，那么就没有必要问关于stackoverflow的问题。让我澄清一下——我发布的代码就是我在网站后端的“自定义CSS”框中的代码。我对代码进行了Firebug，你是对的——它没有出现，所以我认为网站主机端可能有问题。所以我们都是对的。我会跟他们的支持部门联系，看看能找到什么。谢谢你的帮助。为了跟进，我确实与他们的客户支持部门进行了沟通，他们的系统确实阻止了CSS，因为它认为CSS可能是错误的，或者会影响网站的核心方面。他们不会给我任何关于CSS标准的进一步信息。显然，试图删除css阴影对网站是“威胁”。太令人沮丧了…这就是我目前拥有的：
.container fluid{background:url(https://goo.gl/KQMhPd)无重复中心已修复；-webkit背景大小：cover；-moz背景大小：cover；-o-background-size:cover；背景大小：100%100%；}背景附件：已修复；}正确，还是不正确？它仍然不起作用。由于某种原因，我的形象被缩小了。它不是你现在拥有的。我现在正在看你的网站，你只有
background:url(https://goo.gl/KQMhPd)无重复固定中心
删除所有内容并添加以下内容：。容器流体{background:url（）无重复固定中心；背景大小：100%；}如果你打算自己做一些不同的事情，那么就没有必要问关于stackoverflow的问题。让我澄清一下——我发布的代码就是我在网站后端的“自定义CSS”框中的代码。我对代码进行了Firebug，你是对的——它没有出现，所以我认为网站主机端可能有问题。所以我们都是对的。我会跟他们的支持部门联系，看看能找到什么。谢谢你的帮助。为了跟进，我确实与他们的客户支持部门进行了沟通，他们的系统确实阻止了CSS，因为它认为CSS可能是错误的，或者会影响网站的核心方面。他们不会给我任何关于CSS标准的进一步信息。显然，试图删除css阴影对网站是“威胁”。太令人沮丧了…请补充一些解释。目前，