CSS渐变不透明度(不是背景)

Question

我知道如何使用alpha创建渐变背景,但我想要的是让我的元素具有渐变不透明度.我正在寻找的是拥有我的div,所有它的孩子都应用了不透明度梯度.

有什么办法吗？我只需要它在webkit中工作,因为它只是一个内部项目.

Answer 1

制作渐变背景,但使用rgba颜色.最后一个值将指定不透明度,1.0表示完全不透明,0.0表示完全透明.

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0)));

上面是蓝色到透明的渐变.

Answer 2

最简单的就是将其设为PNG。或者使用 webkit 掩码！