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

标签 html css webkit gradient

我知道如何使用 alpha 创建渐变背景,但我想要的是让我的元素具有渐变不透明度。我正在寻找的是让我的 div 及其所有子项应用不透明度渐变。

有什么办法吗?我只需要它在 webkit 中工作,因为它是一个仅限内部的元素。

最佳答案

制作渐变背景,但使用 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)));

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

关于html - CSS 渐变不透明度(不是背景),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9204596/

相关文章:

带有文本的 JQuery fadeTo

css - 无法在 Internet Explorer 中隐藏下拉边框

python - PySide 如何获取 QWebInspector 相同的窗口

带有搜索框的jquery可点击图标下拉div

html - 为什么 Chrome/WebKit 会覆盖表格元素中的主体 CSS 声明?

html - 防止子级采用动态宽度父级的完整宽度

jquery - 无法使用 Bourbon Refills

html - 垂直对齐列表项到底部

Flash Builder 4.5 调试器终止 |苹果浏览器

html - 使用 wkhtmltopdf 时如何在不显示 <h*> 标签的情况下将文档分成几个部分?