html - 背景透明的顶部

Question

首先，这是针对 wordpress 主题的盒装部分。 我想要做的是使背景的顶部透明 300px，其余为#f2f2f2。 检查这个例子: 背景:线性渐变(到顶部，#9c9e9f 0%，#9c9e9f 50%，#33ccff 50%，#33ccff 100%)； 我想要以像素为单位而不是百分比

Answer 1

经过一些研究和编辑，我能够得到颜色的急剧变化。

这里是答案:

background: -webkit-linear-gradient(top,  transparent 0px,transparent 300px,#f2f2f2 300px,#f2f2f2 100%);
background: -o-linear-gradient(top,  transparent 0px,transparent 300px,#f2f2f2 300px,#f2f2f2 100%);
background: -moz-linear-gradient(top,  transparent 0px,transparent 300px,#f2f2f2 300px,#f2f2f2 100%);
background: linear-gradient(top,  transparent 0px,transparent 300px,#f2f2f2 300px,#f2f2f2 100%);