小编Els*_*tan的帖子

TailwindCSS bg-opacity 在 React 中不起作用

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

这是我的代码:

...
        <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/>
...
Run Code Online (Sandbox Code Playgroud)

我也尝试过内联CSS,但仍然不起作用。 使用bg-opacity-75(输入后面应该有一个白色透明区域)

tailwind-css tailwind-in-js

8
推荐指数
2
解决办法
1万
查看次数

标签 统计

tailwind-css ×1

tailwind-in-js ×1