Javascript 当仅使用JS悬停时，如何在我的站点上显示元素？

编辑：

您好，我想知道当用户将鼠标悬停在收件箱上时，如何显示一个小X或删除图标

我试图先隐藏删除图标，然后将此效果添加到

元素

:hover{display:block；}

，我不知道我做错了什么，但它不起作用

---

不管怎样，我可以用JS来做，还是用CSS来做会更简单？

我想这就是你想要的

/* Hide icon by default */
.box i {
  display: none;
}

/* Show icon on containing element hover */
.box:hover i {
  display: block;
}

对于淡入过渡，这将起作用

.box i {
  opacity: 0;
  -webkit-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  -ms-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
}

.box:hover i {
  opacity: 1;
}

加上这个

.box:hover>i{
显示：块；
}
.box>i{
显示：无；
}

投反对票的人应该就他们为什么投反对票留下评论。既然他们不干，我就干@你需要向我们展示你所做的代码。你需要详细解释你到底想要什么，你尝试了什么。将链接放在外部网站上是不够的。@Grimbode谢谢你，我现在就去做。实际上我想用JS来实现这个效果，但是CSS也可以！你能告诉我有没有平滑的悬停过渡效果？@你的意思是过渡还是动画效果？喜欢淡入吗？是的，这正是我想要的