我遇到了一个问题。我已经进行了悬停过渡。当鼠标在图像上移动时，它会在悬停和非悬停状态之间闪烁。当鼠标仍在图像上时，它会按其应有的方式工作。有人可以找到问题吗？
.belowcont {
width: 100%;
height: 200px;
border: 1px dashed black;
margin-top: 2px
}
.circles {
width: 180px;
height: 180px;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Intersection_of_3_circles_7.svg/1200px-Intersection_of_3_circles_7.svg.png);
background-size: 100%;
background-image: no-repeat;
;
border-radius: 50%;
margin-left: 120px;
margin-top: 10px;
float: left;
margin-left: 120px;
margin-top: 10px;
float: left;
}
.circleimg {
width: 180px;
height: 180px;
border-radius: 50%;
}
.circleimg:hover {
width: 180px;
height: 180px;
border-radius: 50%;
position: absolute;
z-index: -100;
transition: all 1s linear;
}
.circleimg:hover~.circletext {
visibility: visible;
}
.circletext {
color: black;
width: 160px;
text-align: …