關於懸停元素css的錯誤

我遇到問題。如果您將鼠標懸停在三角形上，菜單將會透光。我不知道是什麼原因關於懸停元素css的錯誤

.item-icon:hover{ 
transform: scale(1.25); 
-webkit-transform: scale(1.25); 
-moz-transform: scale(1.25); 
z-index: 2; 
}

來源

2015-06-23 Grigorean Alexander

請添加您的完整代碼。 – taxicala

什麼三角形？你能添加更完整的代碼嗎？ –

對不起，我更新問題 –

對不起，我沒有看到任何不透明的問題，但你可以嘗試：

.item-icon:hover{ 
    transform: scale(1.25); 
    -webkit-transform: scale(1.25); 
    -moz-transform: scale(1.25); 
    z-index: 2; 

    opacity: 1; 
}

來源

2015-06-23 13:27:49 Oksid

從.item-icon:hover類，刪除z-index:2;並添加z-index: 999;到.item-icon類如下所示：

.item-icon { 
    width: 48%; 
    position: absolute; 
    transition: all .2s ease-in-out; 
    z-index: 999; 
}

我希望它能幫到你

來源

2015-06-23 13:29:34

當您將鼠標懸停在三角形上時，您的div item-icon正在獲得另一個類active。這可能是你在jQuery中處理這個問題，你改變顏色的元素有active類，導致菜單的字體顏色改變。

來源

2015-06-23 13:32:08

不，你知道，這些三角形與右側菜單相互作用。如果您嘗試將鼠標懸停在右側的菜單上，您將看到兩個突變 –

是的，我可以看到右側的菜單條目和其他顏色隨着鼠標懸停在不同的三角形上而發生變化。這就是你想要的。爲什麼上面的水平菜單改變顏色...我至今無法確定。我會在家裏用各種瀏覽器進行測試，mabye會讓我更接近你，給你一個答案。 –

關於懸停元素css的錯誤

回答

相關問題