如何隐藏/显示图标：悬停

Question

这正是我想要做的

这是我的代码

img.info-societe {
    cursor: pointer;
    display: none;
}
img.info-societe:hover {
    display: inline;
}

为什么不起作用？什么是最好的解决方案？

Answer 1

我认为你需要这样的东西：

tr {
  cursor: pointer;
}

tr img.info-societe {
  display: none;
}

tr:hover img.info-societe {
  display: inline-block;
}

Answer 2

您应该使用opacity属性而不是显示。

img.info-societe {
   cursor: pointer;
   opacity: 0;
}
img.info-societe:hover {
   opacity: 1;
}