當(dāng)我嘗試調(diào)用它時(shí)，我認(rèn)為我的類或 ID 被搞亂了。CSS：image#ply : hover .ply-text { visibility: visible;}HTML：<image id="ply" style="height: 50px; padding:5px;" src="images.png"> <div class="ply-text"> <p>Click for more info!</p> </div>
2 回答
侃侃無極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
先說幾個(gè)問題：
用于嵌入圖像的 HTML 元素稱為
img。元素
img的內(nèi)容模型是空的，即它可能沒有任何子元素。即使這些不是問題，您也不會(huì)看到您正在尋找的效果，因?yàn)槲谋驹陂_始時(shí)就已經(jīng)可見。
鑒于此，這是一個(gè)可能的解決方案：
當(dāng)我嘗試調(diào)用它時(shí)，我認(rèn)為我的類或 ID 被搞亂了。
CSS：
image#ply : hover .ply-text {
? ? visibility: visible;
}
HTML：
<image id="ply" style="height: 50px; padding:5px;" src="images.png">
? ? ? ? <div class="ply-text">
? ? ? ? ? ? <p>Click for more info!</p>
? ? ? ? </div>
htmlCSS
這~是一個(gè)同級(jí)選擇器，允許一個(gè)元素引用另一個(gè)元素后面的元素。
HUX布斯
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊
當(dāng)我嘗試調(diào)用它時(shí)，我認(rèn)為我的類或 ID 被搞亂了。
CSS：
image#ply : hover .ply-text {
visibility: visible;
}
HTML：
<image id="ply" style="height: 50px; padding:5px;" src="images.png">
<div class="ply-text">
<p>Click for more info!</p>
</div>
htmlCSS
- 2 回答
- 0 關(guān)注
- 144 瀏覽
添加回答
舉報(bào)
0/150
提交
取消