網站背景被截斷

-2

我正在創建一個網頁。網站背景被截斷

我有一張圖片作爲背景，直到在一個更大的屏幕上，我意識到它沒有按照假設伸展。圖像基本上是一個漸變的顏色，但我決定我可以同樣使用css：s內置漸變功能。

但事情是，背景被切斷。在底部，我有一個col-sm-12.text-center，它在它的下面，它被切斷。底部有一個頁腳，所以col-sm-12的尾部和頁腳開始的地方有一個空白區域。

我已經穿上了非重複的背景漸變，因爲我不希望它明顯重複，而是在整個頁面中繼續。

我已經搜索，但沒有找到任何答案這個問題。

我懷疑col-sm-12可能是問題，但是你們對這個問題有什麼其他的暗示嗎？

來源

2016-04-21 ladvad

ahow您的相關CSS代碼 – scaisEdge

是的，我覺得COL-SM-12是因爲它能夠在一定的寬度鎖定問題。嘗試從那裏刪除背景並將其添加到。 –

用於渲染背景圖片使用尺寸：cover;

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

這適合容器...... 如果容器太小刪除COL-SM-12或更改相關容器（例如：身體樣品）

來源

2016-04-21 15:31:25 scaisEdge

我沒有在我的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;

來源

2016-04-21 15:42:05 ladvad

網站背景被截斷

回答

相關問題