【问题标题】:Using a chart as a background spanning on a few cards使用跨越几张卡片的图表作为背景
【发布时间】:2021-04-22 22:33:56
【问题描述】:

假设我有这些卡片:

(Link to implementation in tailwind play)

假设我有这张图表 (Example chart)

如何实现使用该图表作为卡片背景的效果?

有点像这样:

【问题讨论】:

    标签: html css tailwind-css


    【解决方案1】:

    将您的图表分成 3 个不同的图像。每张牌一张。然后使用 CSS background 属性将它们设置为卡片的背景。

    【讨论】:

    • 是的,但问题是我不需要静态的图表,而是动态的 - 换句话说,保留图表的变化能力。
    • 作为一个想法,您可以使用 z-index。添加一个大 div,在你的卡片后面,包含它们,然后在该 div 上绘制你的图表。此外,根据需要更改所有卡片的不透明度和 z-index。只是一个想法,因为我无法测试它。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-03
    • 2012-02-29
    • 1970-01-01
    • 2021-02-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多