當我嘗試調用它時，我認為我的類或 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貢獻2051條經驗 獲得超10個贊
先說幾個問題：
用于嵌入圖像的 HTML 元素稱為
img。元素
img的內容模型是空的，即它可能沒有任何子元素。即使這些不是問題，您也不會看到您正在尋找的效果，因為文本在開始時就已經可見。
鑒于此，這是一個可能的解決方案：
當我嘗試調用它時，我認為我的類或 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
這~是一個同級選擇器，允許一個元素引用另一個元素后面的元素。
HUX布斯
TA貢獻1876條經驗 獲得超6個贊
當我嘗試調用它時，我認為我的類或 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 關注
- 132 瀏覽
添加回答
舉報
0/150
提交
取消