css - 奇怪的悬浮故障CSS

http://codepen.io/alcoven/pen/KvJae

^我的Codepen的链接，当您将鼠标悬停在击球手（whitepart）上时，不会出现毛刺，但是一旦将鼠标悬停在内部部分上，它就会有些古怪。我不知道如何使它顺利。如果可以，请帮助！ ：D

-亚历克斯

最佳答案

我认为这里的问题是，当您将鼠标悬停在内部时，一旦.innerpre的宽度达到您的光标，您就会将鼠标悬停在.innerpre而不是.inner上。

只需更改您的最后一个选择器以包括.innerpre：hover

.inner:hover + .innerpre,
.innerpre:hover {
    width: 224px;
    margin: 117px 0px 0px 153px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

关于css - 奇怪的悬浮故障CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18885884/