Question

我正在创建一个网页。

我有一张照片作为背景，直到在一个更大的屏幕上，我意识到它并没有像所谓的那样伸展。图像基本上是渐变的颜色，但我决定用css：s内置的渐变功能同样可以做到。

事情是，背景被切断了。在底部，我有一个col-sm-12.text-center，它在这个中间，它被切断了。在底部我有一个页脚，所以col-sm-12的末端和页脚开始的位置之间有一个空白区域。

我对背景渐变进行了非重复操作，因为我不希望它显然重复，但要在整个页面中继续。

我已搜索但未找到此问题的任何答案。

我怀疑col-sm-12可能是问题，但是你们对这个问题有任何其他影响吗？

Answer 1

用于拉伸背景图像使用尺寸：封面;

Observers

这适合容器...... 如果容器太小，则移除col-sm-12或更换相关容器（例如：样品体）

Answer 2

我的Html中没有任何内容。在我的CSS中

body{
     font-family: "Source Sans Pro Light", sans-serif;
     background: linear-gradient(to bottom left, black, white);
     background-size: cover;
     margin-bottom:10px;
     background-repeat: no-repeat;
     height: 100%;
     width: auto;

网站上的背景被切断

2 个答案: