Javascript 在动态淡入/淡出悬停转换（包括JSFIDLE）时遇到问题

hover类似乎被下推了20像素，我不太清楚为什么

---

也许已经很晚了，我的大脑已经死了…

虽然你把文本放在离左边很远的地方，但它仍然占据了垂直空间。最简单的修复方法是添加以下内容：

line-height: 0;

---

查看。发生移位是因为“关闭”文本占用了行。为您更新了小提琴：

有两条规则。具体来说，将其添加到第一个规则中（或者说，将其添加到一个新的#close>规则也会起作用）。这种绝对定位方法也是我的第一本能。但线条高度的答案也适用。我想是个人喜好吧！我两个都喜欢。我真的要重组这个。因为我有两个圆形PNG在彼此的顶部，第一个显示通过，我需要家长也淡出。现在的设置方式，这是不可能的。