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

Question

有人能指点我如何实现渐变到只有 html div元素的顶部，底部和右侧使用任何在css中的mozilla渐变属性？ 如果我做一个使用-moz-linear-gradient属性的垂直渐变，我错过了要应用在div元素右侧的渐变。

Answer 1

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

编辑：This是有点粗糙的边缘，但这在Firefox的作​​品。请注意，您不能将子元素的不透明度更改为高于父透明度的值。儿童的混浊是相对的，不是绝对的。