html 如何在tailwindcdd中从隐藏悬停到阻止

elcex8rz  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(106)

顺风中如何将隐藏元素转换为块元素
我已经试过了,但是没有用

.bs .bsx .limit .ply {
        @apply hidden absolute w-full z-[1] h-full top-0 bg-black/[0.51] hover:block;
    }

我也试过这个,但是还是不行

.bs .bsx .limit .ply {
       @apply invisible absolute w-full z-[1] h-full top-0 bg-black/[0.51] hover:visible;
}

`
我已经尝试了其他除了隐藏阻止但所有的工作,只有隐藏阻止不工作

nxowjjhe

nxowjjhe1#

在Tailwind中Visible不是一个选项。你必须设置默认的hidden,然后在悬停时将其设置为block(或其他)。我相信Block是大多数元素的默认选项,而无需指定。所以当你调用hidden时,它会替换block属性。<div className="hidden hover:block">Hello World</div>

相关问题