填充CSS背景覆盖颜色问题

时间:2014-04-20 17:53:46

标签: css background-image overlay

我想问一个小帮助因为我无法处理叠加背景的div。在我的网站上有欢迎的部分,它是100%宽度和100%高度,它有一个背景图像,覆盖一个小的纹理图案和rgba颜色。它工作正确,但我的其他部分有问题,无法覆盖。

问题在于" CTA部分" ,因为它使用填充(顶部和底部)。不幸的是,本节的整个背景并未涵盖,一般我不知道如何解决这个问题非常简单。我不会使用const高度属性,因为我想创建一些与section的内容匹配的东西(此部分中的所有内容应该是垂直和水平居中的,并且也适用于较小的设备,因此填充很好)。

好吧,我想知道你是否可以帮助我,因为我真的不知道如何编码甚至重建它。

您可在此处看到演示:http://codepen.io/testerius/pen/viryc

这就是全部。希望你尽快回答。

2 个答案:

答案 0 :(得分:0)

尝试对.section-pattern-overlay使用相同的填充,并从.cta

中删除填充

答案 1 :(得分:0)

如果我理解正确,您需要将CTA部分的CSS更改为我将您的codepen更新为此处>> DEMO

如果您需要,请告诉我。