如何在html元素上實現水平和垂直漸變

Question

有人能指點我如何實現漸變到只有 html div元素的頂部，底部和右側使用任何在css中的mozilla漸變屬性？ 如果我做一個使用-moz-linear-gradient屬性的垂直漸變，我錯過了要應用在div元素右側的漸變。

Answer 1

我不是100％確定這是你想要的，但是你可以在目標div元素中嵌套一個div元素，在一箇中設置一個水平漸變，並在另一箇中設置一個垂直漸變。然後，將嵌套div元素的不透明度更改爲50％。

編輯：This是有點粗糙的邊緣，但這在Firefox的作​​品。請注意，您不能將子元素的不透明度更改爲高於父透明度的值。兒童的混濁是相對的，不是絕對的。