Javascript CSS-将整个图像显示为背景而不进行裁剪

我正在尝试设置一个带有背景图像的div，上面有一些文本。背景图像需要拉伸视口的整个宽度，我已经成功地做到了这一点。这是我的CSS：

.intro-header {
  padding-top: 50px; 
  padding-bottom: 50px;
  color: #fff;
  background: url(http://) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

我遇到的问题是，它没有显示图像的全部高度。正在从顶部和底部剪切图像。我希望图像显示其全高，用户需要能够向下滚动以查看图像下方的更多内容

有没有一种方法我可以显示完整的图像而不切断顶部和底部

---

谢谢

从背景中删除固定图像

url() no-repeat center center

---

卸下固定盖，而不是

盖

使用

包含

。如果你想要一个特定的尺寸，我会在css中定义一个高度。

你可以使用

背景尺寸：自动100%

我更新了fiddle中的一个示例，以查看其外观


将背景大小的宽度和高度设置为100%将填充div
Try
background size:100%100%
而不是
封面
。我可以用它来工作，并移除固定的。谢谢这不会保留纵横比。
.intro-header {
    padding-top: 50px; 
    padding-bottom: 50px;
    color: #fff;
    background: url(http://);
    background-size: 100% 100%;
}