gpt4 book ai didi

html - 悬停链接时的图像 [HTML+CSS]

转载 作者:行者123 更新时间:2023-11-28 16:06:50 26 4
gpt4 key购买 nike

所以我希望能够有一个链接,当鼠标悬停时,该链接会显示图像..到目前为止,我只找到了在图像悬停时更改图像的教程。

请问我该怎么做?顺便说一句:我是 HTML 的初学者..

谢谢!

最佳答案

使用adjacent sibling selectordisplay属性(property)。

img {
display: none;
}
a:hover + img {
display: block;
}
<a href='http://example.com'>Hover Here</a>
<img src='https://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png' width='200'>

关于html - 悬停链接时的图像 [HTML+CSS],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40052848/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com