网站背景被截断

Question

我正在创建一个网页。

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

但事情是，背景被切断。在底部，我有一个col-sm-12.text-center，它在它的下面，它被切断。 底部有一个页脚，所以col-sm-12的尾部和页脚开始的地方有一个空白区域。

我已经穿上了非重复的背景渐变，因为我不希望它明显重复，而是在整个页面中继续。

我已经搜索，但没有找到任何答案这个问题。

我怀疑col-sm-12可能是问题，但是你们对这个问题有什么其他的暗示吗？

Answer 1

用于渲染背景图片使用尺寸：cover;

.my_bg_img { 
    background-image: url('./your_image.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    height: 100%; 
    widht: auto; 
} 

这适合容器...... 如果容器太小删除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;