Bootstrap 为什么after伪元素没有显示

7tofc5zh  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(193)

我试图添加简单的悬停效果为我的导航栏,我用了bootstrap 5的帮助.然而,在我的链接下面应该有一条红线,当我把鼠标悬停在它们上面的时候,它应该会出现,但是没有出现。正如您所看到的,我使用after伪元素在我的锚标记下插入了一小行,但它根本没有显示出来,我尝试了所有方法
第一个

laawzig2

laawzig21#

您使用的是color而不是background,要使其仅在悬停时工作,您应该先隐藏它,然后在悬停时显示它,例如通过使用display、opacity或visibility,尽管由于您需要过渡,opacity可能是最好的选择。
第一个

相关问题