顶部的透明背景

时间:2015-06-02 11:14:49

标签: html css wordpress background

首先,这是一个wordpress主题的盒装部分。 我想做的是让背景的顶部透明300px,其余的是#f2f2f2。 检查这个例子: 背景:线性渐变(顶部,#9c9e9f 0%,#9c9e9f 50%,#33ccff 50%,#33ccff 100%); 我想用像素而不是百分比

1 个答案:

答案 0 :(得分: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%);