css - 如何在 html 元素上实现水平和垂直渐变

Question

有人能告诉我如何使用 css 中的任何 mozilla 渐变属性来实现 仅 html div 元素的顶部、底部和右侧的渐变吗？如果我使用 -moz-linear-gradient 属性进行垂直渐变，我会错过要应用于 div 元素右侧的渐变。

Answer 1

我不是 100% 确定这就是您想要的，但您可以在目标 div 元素中嵌套一个 div 元素，在一个元素中设置水平渐变，在另一个元素中设置垂直渐变。然后，将嵌套的 div 元素的不透明度更改为 50%。

编辑:This边缘有点粗糙，但这在 Firefox 中有效。请注意，您不能将子元素的不透明度更改为高于父元素不透明度的值。 child 不透明度是相对的，而不是绝对的。