如何在 Tailwind 中转换背景位置：%

Question

background-position: 0% 20%;
没有找到顺风转换的方法

我只找到这些课程bg-{side}

任何帮助表示赞赏

Answer 1

Tailwind v3 的 JIT 目前尚未实现。

我能够实现

background-position: -200% 0%;

或者

background-position-x: -200%;
background-position-y: 0%

通过做

bg-[left_calc(-200%)_top_calc(0%)]

Answer 2

如果您使用新的即时 (JIT) 模式，则可以动态生成此类。

然后你就可以使用：bg-[0% 20%]。方括号只是意味着这是一个不在配置中的任意值。

以下是 JIT 模式的文档。