Javascript 如何使鼠标悬停图像在收音机选择旁边很好地显示，而不产生小车反弹效果

当我将鼠标移到文本框旁边的一个小图像上时，会出现一个图像，但第二个图像比小图像大，当左图像反复出现时，它会导致左图像向下反弹。我希望两个图像都静态显示，第二个图像向下显示，而不是将第一个图像向下反弹。我制作了一个jfiddle来演示，这是我的代码：

document.getElementById（'imageToHover'）.onmouseover=function（）
{
document.getElementById（'imageToShow'）.style.display='inline'；
}
document.getElementById（'imageToHover'）。onmouseout=function（）
{
document.getElementById（'imageToShow'）.style.display='none'；
}

#imageToShow
{
显示：无；
}
#图像悬停
{
高度=25“宽度=25”；
浮动：顶部；
}

废话废话？


是

否

试试这个。刚刚添加的

位置：绝对到大图像


window.onload=function（）{
document.getElementById（'imageToHover'）。onmouseover=function（）{
document.getElementById（'imageToShow'）.style.display='inline'；
}
document.getElementById（'imageToHover'）。onmouseout=function（）{
document.getElementById（'imageToShow'）.style.display='none'；
}
};
#图像显示{
显示：无；
位置：绝对位置；
}
#图像悬停{
高度：25px；
宽度：25px；
}

废话废话？


是

否


您可以添加
position:absolute
样式和附加样式，这样小图像和大图像将适合位置，然后小图像将固定到其位置。