如何使用 vuetify 在 v 视差图像上制作渐变?

Question

我有一个简单的<v-parallax>，图像上显示了一些标题和按钮标签。使用vuetify进行渐变或仅以视差调暗图像的最佳方法是什么？ 可以用<v-overlay>来完成吗？ 谢谢！

Answer 1

你可以看看这个JSFIDDLE，我希望这将是你正在寻找的。 一个简单的解决方案可能是在<v-parallax>中使用<v-overlay，并确保放置absolute属性，以防止内容叠加滚动。

<v-parallax dark :src="imgSrc">
<v-overlay value="true" absolute>
overlay text over parallax
</v-overlay>
</v-parallax>