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

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

我已经解决了将悬停从 a 更改为 div 的问题。