如何减少背景渐变的高度？

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）。