这就是我尝试过的。CSS：
div#Layer3:hover div#Layer3copy
{
display: inline-block;
}
HTML：
<div id="Layer3"><img src="images/Layer3.png">
<div id="Layer3copy"><img src="images/Layer3copy.png"></div>
</div>
我希望将此div隐藏起来，当将鼠标悬停在另一个div上时，它可以正常工作，
但是从实际位置移开了一点，
有解决方案吗？
好吧，首先，您需要了解代码段中CSS的显示，位置和伪状态属性＃Layer3正在包装＃Layer3copy，因此我们可以使用直接子选择器在悬停状态下调用它，即
#Layer3:hover > #Layer3copy{
/*Do your things here*/
}
工作示例：https : //jsfiddle.net/ishusupah/eupfr101/
在此示例中，根据需要，我使用＃Layer3copy display：none，并且在悬停状态下将其设置为display：block。
您可以根据需要显示和定位。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句