奇怪的悬停故障CSS

Question

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

^指向我的codepen的链接，当你将鼠标悬停在击球击球（whitepart）上时，没有任何故障，但是一旦你将鼠标悬停在内部部分上，它就会变得有点古怪。我无法弄清楚如何使这个顺利。请帮忙，谢谢！ ：d

-Alex

Answer 1

我认为你的问题在于，当你在内部部分盘旋时，一旦.innerpre的宽度到达你的光标，你就会将鼠标盘旋在.innerpre而不是.inner。

只需将您的上一个选择器更改为包含.innerpre：hover

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