如何在div后面显示一行不显示悬停在css中？

问题描述：

后面，这是悬停状态，该行最多可显示

这里是页面的在线https://ahmetomerv.github.io/JobsBoard/ –

分享您的代码 –

这里是代码https://github.com/ahmetomerv/JobsBoard –

答

你.listing对:hover

背景透明度

下面的css中的0.17意味着它具有17％的不透明度;将其更改为1，它将是不透明的。您可能想要将实际悬停颜色更改为更亮一些。

#timeline .listing:hover { 
    cursor: pointer; 
    border: 1px solid #9fa3aa; 
    background: rgba(217, 217, 217, 0.17); 
}

啊我不敢相信这是因为我的背景颜色的透明度..惭愧:(谢谢你的解决方案。 –

答

在悬停状态，在div具有其中α通道（其范围是从0 =完全透明的1 =完全不透明）被设定为0.17，这是相当透明的背景。因此，它后面的线显示出来。它在默认状态下不可见，因为在非悬停状态下div的后台定义没有透明度。

集

#timeline .listing:hover { 
    cursor: pointer; 
    border: 1px solid #9fa3aa; 
    background: rgba(217, 217, 217, 0.17); }

到

#timeline .listing:hover { 
    cursor: pointer; 
    border: 1px solid #9fa3aa; 
    background: rgba(217, 217, 217, 1.0); }

，并在div后面的行应该消失，因为它是 “覆盖” 由格。