我真的需要帮助。我在网上无处不在,尝试了很多不同的东西,但对我来说却无济于事。我是编程方面的新手,也许这是一个新手问题,但请帮助我。每当我将鼠标移到图像上方时,我都试图使某些文本出现在图像下方。我设法用一些在网上找到的简单代码来做到这一点,例如:
的CSS
.show {
display: none;
border: 1px solid black;
}
a:hover + .show {display: block;}
的HTML
<a><img src="../auxiliar/miniatura-2-inactivo.jpg" width="331" height="331" onmouseover="this.src='../auxiliar/miniatura-2.jpg'" width="331" height="331" onmouseout="this.src='../auxiliar/miniatura-2-inactivo.jpg'" /></a>
<div class="show">Stuff shown on hover</div>
因此,这确实可以解决问题,但是,对于我的特定情况,我需要将定位标记放在div内,并且一旦将定位标记放在div标记内,当我将鼠标悬停在图像上时,它就停止显示文本。当然,我在CSS中做了如下更改:
的CSS
.show {
display: none;
border: 1px solid black;
}
div a:hover + .show {
display: block;
}
的HTML
<div>
<a ><img src="../auxiliar/miniatura-2-inactivo.jpg" width="331" height="331" onmouseover="this.src='../auxiliar/miniatura-2.jpg'" width="331" height="331" onmouseout="this.src='../auxiliar/miniatura-2-inactivo.jpg'" /></a>
</div>
<div class="show">Stuff shown on hover</div>
我什至尝试将id和class添加到anchor标签和div标签中,以尝试到达我需要的位置,但失败了。我需要您的帮助,我该怎么办?谢谢你们
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句