我正在嘗試在滑鼠懸停時使標題出現在圖像上,但它們都必須具有相同的類別。我不知道我所問的是否可能,但我會考慮各種不同的解決方案。這是我目前的程式碼。
Testing1Testing2這是我的CSS程式碼
.item{ height: 156px; width: 156px; } .Placeholderimg{ height: 156px; width: 156px; border-radius: 10px; } .hovershow1{ visibility: hidden; position: absolute; top:0; height: 156px; width:156px; background-color: rgba(40, 40, 40, 0.4); border-radius: 10px; } .item:hover .hovershow1{ visibility:visible; } .hovershow2{ visibility: hidden; position: absolute; top:0; height: 156px; width:156px; background-color: rgba(40, 40, 40, 0.4); border-radius: 10px; } .item:hover .hovershow2{ visibility:visible; }
我只是不得不將位置更改為相對位置,這是我的程式碼