我有一个悬停问题。当我将鼠标悬停在购物车上时，会显示购物车细节，但当我将鼠标移到购物车细节上时，它会消失

Question

当我将鼠标悬停在购物车上时，会显示购物车细节，但当我将鼠标移到购物车细节上时，它会消失。我无法理解。谢谢你的帮助。  请检查下面的代码。当我将.yheader-middle-menu-cart悬停在标签上时，有一个带有.cart-hover类的div，它载着我希望它出现的我的购物车。 这是我的观看代码

<div class="yheader-middle-menu-cart">
                    <div class="ycart">
                        <a href="#" style="font-size:large">
                            @Html.Action("ItemInCart", "Home", FormMethod.Post)
                        <div class="cart-hover">
                            @Html.Action("CartHover", "Home")
                        </div>
                    </a>
                    </div>
                </div>

这是我的css代码

 .yheader-middle-menu-cart a:hover + .cart-hover {
            display: block;
            -webkit-animation: fadeInUp 400ms;
            -moz-animation: fadeInUp 400ms;
            -ms-animation: fadeInUp 400ms;
            -o-animation: fadeInUp 400ms;
            animation: fadeInUp 400ms;
        }
.cart-hover {
      display: none;
      position: relative;
      top:-5px;
      left: -235px;
      background: rgba(255,255,255, 0.7);
      padding: 0;
      margin: 0;
      width: 350px;
      display: none;
      z-index: 999;

}

Answer 1

我已经解决了将hover从a更改为div。