如何在div後面顯示一行不顯示懸停在css中？

Question

這是正常的狀態，行是div

後面，這是懸停狀態，該行最多可顯示

Answer 1

你.listing對:hover

背景透明度

下面的css中的0.17意味着它具有17％的不透明度;將其更改爲1，它將是不透明的。您可能想要將實際懸停顏色更改爲更亮一些。

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

Answer 2

在懸停狀態，在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後面的行應該消失，因爲它是 「覆蓋」 由格。