在改变的高度背景图象的背景梯度

时间:2016-05-20 19:45:10

标签: css3

我的背景图片设置为100%宽度,具体取决于屏幕尺寸。这意味着,背景图像的高度可以是100px或800px。

我有一个渐变使背景图像慢慢变成灰色。但由于背景的高度不同,我无法弄清楚如何在需要的地方开始渐变。

设置%会使其与页面相关,因此无法正常工作。我想,我需要以某种方式使用calc()函数。这就是我所拥有的,任何想法?

background: linear-gradient(to bottom, transparent, #ddd calc(??)), 
            #ddd url('../img/bg.jpg') no-repeat;

0 个答案:

没有答案