使跨度在悬停CSS上可见

用户名

我在画布上显示悬停时的跨度有问题。我在Stack Overflow上找到了很多文章,但我不明白。

这是我的html:

<section id="graphs">
    <span id="tooltip">thisistest</span>
    <canvas id="myChart" class="tooltip" width="550" height="350"></canvas>
</section>

和这个CSS:

//This part works
span#tooltip {
    display: none;
    position: relative;
    top: 8px; 
    left: 10px;
    padding: 5px; 
    margin: 10px;
    z-index: 100;
    background: #333;
    border: 1px solid #c0c0c0;
    opacity: 0.8; 
    width: 300px;
    color: White;
    text-align: left;
}

//This does not show the span...
canvas.tooltip:hover #tooltip {
    display: block;
}
罗比·巴迪(Robbie Bardijn)

我很快做了这个小提琴。主要问题是您的:hover语句。在CSS第22行的小提琴中。

http://jsfiddle.net/robbiebardijn/hDbq3/

#graphs:hover #tooltip

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使跨度在悬停CSS上可见

来自分类Dev

CSS悬停使div不可见

来自分类Dev

CSS悬停可见性div

来自分类Dev

CSS悬停使div不可见

来自分类Dev

悬停在锚点上时显示的CSS div;将鼠标悬停在div上时保持可见

来自分类Dev

在<a>上的悬停效果上,工具提示不可见

来自分类Dev

Javascript悬停在PNG图像的可见部分上

来自分类Dev

将部分悬停在段落上以使部分可见

来自分类Dev

位置:绝对;仅在悬停在 div 上时可见

来自分类Dev

CSS 下拉菜单在悬停时不可见

来自分类Dev

CSS-将鼠标悬停在主菜单或子菜单上时,保持子菜单可见

来自分类Dev

将鼠标悬停在CSS中的列表项上时如何触发div可见性?

来自分类Dev

不可见的跨度正在添加空格

来自分类Dev

Bootstrap 图标栏跨度不可见

来自分类Dev

使用CSS覆盖跨度悬停

来自分类Dev

React按钮在Safari iOS / CSS / HTML上不可见

来自分类Dev

CSS背景颜色在元素上不可见

来自分类Dev

什么能防止水豚/硒悬停在可见元素上?

来自分类Dev

将鼠标悬停在表的偶数行上时,框阴影不可见

来自分类Dev

当鼠标悬停在div上时,使其保持可见状态

来自分类Dev

在另一个元素的悬停事件上设置元素可见性

来自分类Dev

检测固定光标是否悬停在以前隐藏的,现在可见的元素上

来自分类Dev

如何单击WPFObject(“ Image”)(仅将鼠标悬停在其上时可见)?

来自分类Dev

如何不将鼠标悬停在可见性隐藏元素上?

来自分类Dev

在悬停父级上切换可见性子级

来自分类Dev

通过将鼠标悬停在段落上可以使部分可见

来自分类Dev

CSS-悬停可见另一个子菜单

来自分类Dev

当父级失去悬停时保持ul可见(如果可能,请使用纯CSS)

来自分类Dev

jQuery使div在悬停时保持可见

Related 相关文章

  1. 1

    使跨度在悬停CSS上可见

  2. 2

    CSS悬停使div不可见

  3. 3

    CSS悬停可见性div

  4. 4

    CSS悬停使div不可见

  5. 5

    悬停在锚点上时显示的CSS div;将鼠标悬停在div上时保持可见

  6. 6

    在<a>上的悬停效果上,工具提示不可见

  7. 7

    Javascript悬停在PNG图像的可见部分上

  8. 8

    将部分悬停在段落上以使部分可见

  9. 9

    位置:绝对;仅在悬停在 div 上时可见

  10. 10

    CSS 下拉菜单在悬停时不可见

  11. 11

    CSS-将鼠标悬停在主菜单或子菜单上时,保持子菜单可见

  12. 12

    将鼠标悬停在CSS中的列表项上时如何触发div可见性?

  13. 13

    不可见的跨度正在添加空格

  14. 14

    Bootstrap 图标栏跨度不可见

  15. 15

    使用CSS覆盖跨度悬停

  16. 16

    React按钮在Safari iOS / CSS / HTML上不可见

  17. 17

    CSS背景颜色在元素上不可见

  18. 18

    什么能防止水豚/硒悬停在可见元素上?

  19. 19

    将鼠标悬停在表的偶数行上时,框阴影不可见

  20. 20

    当鼠标悬停在div上时,使其保持可见状态

  21. 21

    在另一个元素的悬停事件上设置元素可见性

  22. 22

    检测固定光标是否悬停在以前隐藏的,现在可见的元素上

  23. 23

    如何单击WPFObject(“ Image”)(仅将鼠标悬停在其上时可见)?

  24. 24

    如何不将鼠标悬停在可见性隐藏元素上?

  25. 25

    在悬停父级上切换可见性子级

  26. 26

    通过将鼠标悬停在段落上可以使部分可见

  27. 27

    CSS-悬停可见另一个子菜单

  28. 28

    当父级失去悬停时保持ul可见(如果可能,请使用纯CSS)

  29. 29

    jQuery使div在悬停时保持可见

热门标签

归档