Question

我正在尝试使用 bg-opacity-75 设置我的登录部分的背景不透明度，但是当我将其添加到我的 className 时，背景颜色将消失。如果我使用 opacity-75，所有 child-div 都将是透明的，如果我使用 opacity-100，背景颜色将消失，只有输入字段可见，它有点有线。此外，我使用的是带有 Tailwind v2.0.2 的默认 tailwind.config 文件。

这是我的代码：

...
        <div className={"h-screen w-screen py-10 lg:w-3/6"}>
            <div
                className={"bg-gray-50 h-full max-w-md rounded-2xl bg-opacity-75 shadow-md mx-auto md:max-w-lg hover:shadow-lg transition-shadow"}>
                <Logo/>
                <Text/>
...

我也尝试了内联 css，但仍然无法正常工作。 using bg-opacity-75(there sholld be a white transparent area behind inputs)

Answer 1

不透明

仅使用 opacity 关键字，适用于 2.2.7 版本的 Tails wind

示例：

<div
className = "opacity-75 bg-red-300">
</div>

TailwindCSS bg-opacity 在 React 中不起作用

1 个答案: