如何減少背景漸變的高度？

Question

在WordPress的文章中，使用Visual Composer插件中的「Info Box」，我創建了一個頁面（http://padals.com/t2/）。

我想減少背景漸變的高度，以便圖像可以顯示在漸變背景上。

例如：http://www.saavn.com/s/album/tamil/Baahubali---The-Beginning-2015/WZFMlXk24SY_

我試圖減少梯度的背景元素的填充底部，但沒有用。請比較兩個鏈接，以便了解我期待的內容。

Answer 1

我看到你的漸變背景是這樣的：

background-image: linear-gradient(180deg, #6c6e73 0%, #969795 100%); 

你可以調整背景漸變是這樣的：

background-size: 100% 120px; 
background-repeat: no-repeat; 

或設置絕對色停止這樣的：

background-image: linear-gradient(180deg, #6c6e73 0px, #969795 120px, #ffffff 120px); 
background-repeat: no-repeat; 

Answer 2

我不知道你的意思是「分開疊加顯示」。

我假設您想要減少位於http://padals.com/t2/上方，下方和圖像左側的框元素中的灰色背景的厚度。

1）「我試圖減少填充底部，但沒用。」 你說什麼元素。

2）代碼在哪裏？

3）確保圖像的CCS規則不相互衝突。 - 檢查/調整灰度/漸變元素的邊距。 - 檢查/調整圖像的邊框/邊框。 - 檢查/調整其他造型規則，可能會覆蓋您使用的元素標籤。 例如：

東西

優先順序推移由左到HTML標籤內的權利。 有了這個例子，你會想檢查所有的標籤（文章，p，span，a）。