html - 如何降低背景渐变的高度？

Question

在 WordPress 帖子中，使用 Visual composer 插件中的“信息框”，我创建了一个页面 ( 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;