如何使用Vuetify在V视差图像上进行渐变？

Question

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

Answer 1

您可以看看这个jsfiddle，我希望这将是您想要的。一个简单的解决方案可能是在<v-overlay内使用<v-parallax>并确保放置absolute属性，以防止覆盖内容滚动显示。

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