将鼠标悬停在锚标签内的图像上且锚标签位于div内时,如何使文本显示?

安东尼奥·夸德拉多

我真的需要帮助。我在网上无处不在,尝试了很多不同的东西,但对我来说却无济于事。我是编程方面的新手,也许这是一个新手问题,但请帮助我。每当我将鼠标移到图像上方时,我都试图使某些文本出现在图像下方。我设法用一些在网上找到的简单代码来做到这一点,例如:

的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标签中,以尝试到达我需要的位置,但失败了。我需要您的帮助,我该怎么办?谢谢你们

毛茸茸

使用jQuery悬停功能。

$('#image').hover(function() {
        $('#text').show();
    }, function() {
        $('#text').hide();
});

这是一个小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将鼠标悬停在图像上时更改div标签内的文本?

来自分类Dev

将鼠标悬停在其他元素上时,如何在span标签内显示文本?

来自分类Dev

将鼠标悬停在div上时如何更改div内的图像

来自分类Dev

鼠标悬停在栏上时如何显示标签

来自分类Dev

将鼠标悬停在控件上而不使用事件时,在标签中显示文本

来自分类Dev

将鼠标悬停在标签“ li”上时,JSTree显示div

来自分类Dev

将鼠标悬停在标签“ li”上时,JSTree显示div

来自分类Dev

在div标签内添加div以在鼠标悬停时显示

来自分类Dev

将鼠标悬停在数据上时如何显示数据标签

来自分类Dev

将鼠标悬停在div上,同时将鼠标悬停在整个标签上

来自分类Dev

悬停时如何在锚标签内的图像标签上添加类?

来自分类Dev

图像标签位于PHP eco内的锚标签内

来自分类Dev

将鼠标悬停在图像上时显示图像

来自分类Dev

仅将鼠标悬停在URL上之后才加载图像(使用DIV标签)

来自分类Dev

仅将鼠标悬停在URL上之后才加载图像(使用DIV标签)

来自分类Dev

锚标签内的文本未显示

来自分类Dev

将鼠标悬停在图像上时按钮显示

来自分类Dev

将鼠标悬停在列表上时显示文本

来自分类Dev

鼠标悬停在<div>中时如何显示图像?

来自分类Dev

单击将鼠标悬停在图像上时显示的文本

来自分类Dev

将鼠标悬停在图像上时无法显示文本

来自分类Dev

单击将鼠标悬停在图像上时显示的文本

来自分类Dev

使用 ng-repeat 将鼠标悬停在表格中的文本上时显示图像

来自分类Dev

将鼠标悬停在部分中的span标签上时,如何调出div框?

来自分类Dev

将鼠标悬停在li上时,如何使aa标签下划线

来自分类Dev

当用户将鼠标悬停在图像上时尝试显示 div?

来自分类Dev

将鼠标悬停在div上时显示文本装饰

来自分类Dev

当我将鼠标悬停在表格行上时,如何显示div中表格的图像?

来自分类Dev

将鼠标悬停在另一个div上时如何显示div

Related 相关文章

  1. 1

    将鼠标悬停在图像上时更改div标签内的文本?

  2. 2

    将鼠标悬停在其他元素上时,如何在span标签内显示文本?

  3. 3

    将鼠标悬停在div上时如何更改div内的图像

  4. 4

    鼠标悬停在栏上时如何显示标签

  5. 5

    将鼠标悬停在控件上而不使用事件时,在标签中显示文本

  6. 6

    将鼠标悬停在标签“ li”上时,JSTree显示div

  7. 7

    将鼠标悬停在标签“ li”上时,JSTree显示div

  8. 8

    在div标签内添加div以在鼠标悬停时显示

  9. 9

    将鼠标悬停在数据上时如何显示数据标签

  10. 10

    将鼠标悬停在div上,同时将鼠标悬停在整个标签上

  11. 11

    悬停时如何在锚标签内的图像标签上添加类?

  12. 12

    图像标签位于PHP eco内的锚标签内

  13. 13

    将鼠标悬停在图像上时显示图像

  14. 14

    仅将鼠标悬停在URL上之后才加载图像(使用DIV标签)

  15. 15

    仅将鼠标悬停在URL上之后才加载图像(使用DIV标签)

  16. 16

    锚标签内的文本未显示

  17. 17

    将鼠标悬停在图像上时按钮显示

  18. 18

    将鼠标悬停在列表上时显示文本

  19. 19

    鼠标悬停在<div>中时如何显示图像?

  20. 20

    单击将鼠标悬停在图像上时显示的文本

  21. 21

    将鼠标悬停在图像上时无法显示文本

  22. 22

    单击将鼠标悬停在图像上时显示的文本

  23. 23

    使用 ng-repeat 将鼠标悬停在表格中的文本上时显示图像

  24. 24

    将鼠标悬停在部分中的span标签上时,如何调出div框?

  25. 25

    将鼠标悬停在li上时,如何使aa标签下划线

  26. 26

    当用户将鼠标悬停在图像上时尝试显示 div?

  27. 27

    将鼠标悬停在div上时显示文本装饰

  28. 28

    当我将鼠标悬停在表格行上时,如何显示div中表格的图像?

  29. 29

    将鼠标悬停在另一个div上时如何显示div

热门标签

归档