如何限制CSS僅對同一類別中的一個div生效-PHP中文網路問答
如何限制CSS僅對同一類別中的一個div生效
P粉475315142
P粉475315142 2023-09-09 21:32:30
0
1
442

我正在嘗試在滑鼠懸停時使標題出現在圖像上,但它們都必須具有相同的類別。我不知道我所問的是否可能,但我會考慮各種不同的解決方案。這是我目前的程式碼。

Testing1
Testing2

這是我的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; }
P粉475315142
P粉475315142

全部回覆 (1)
P粉709644700

我只是不得不將位置更改為相對位置,這是我的程式碼

.item{ height: 156px; width: 156px; } .Placeholderimg{ height: 156px; width: 156px; border-radius: 10px; } .hovershow{ visibility: hidden; position: relative; height: 156px; width:156px; background-color: rgba(40, 40, 40, 0.4); border-radius: 10px; } .item:hover .hovershow{ visibility:visible; }
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!