CSS - 背景图像被截断答案

【问题标题】：CSS - Background image is being truncatedCSS - 背景图像被截断
【发布时间】：2012-12-24 07:20:29
【问题描述】：

我想将非滚动背景图像（1170x700）设置为 1170 像素宽的元素（）。为此，我使用了以下 css

.container
{
    background:url("bg-image1170x700.gif") no-repeat fixed center top #fff;
}

问题：- 最初图像被截断，如果我正确地向下滚动它的显示。不知道我错过了什么？

【问题讨论】：

【解决方案1】：

你可以使用background-size:

.container
{
    background:url("bg-image1170x700.gif") no-repeat fixed center top #fff;
    background-size: contain;
}

【讨论】：

【解决方案2】：

您正在显示它已修复。它很可能被另一个元素隐藏了，当您滚动它时，它会从该元素后面滚动出来

【讨论】：

是的，你是对的。我删除了其他元素，然后它显示正确。实际上我正在使用 twitter 引导程序，并且该容器是引导程序类。不知道为什么它被另一个元素隐藏。因为它的顶部只有一些容器和一个导航栏。
对不起，我正在本地工作。我在容器周围添加了一个边框，似乎容器没有被任何元素隐藏。但是背景在容器上方。这真的很奇怪！
你能创建一个 jsfiddle 吗？你有什么绝对定位的吗？
没有什么是绝对定位的。有些元素是浮动的，但我也清除了浮动。但没有运气。