我正在尝试使用 设置登录部分的背景不透明度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(输入后面应该有一个白色透明区域)