有什么方法可以重叠另一个CSS吗？

Question

有什么方法可以重叠另一个css吗？！ 例如，我的搜索栏位于购物车顶部，如果我意外地将鼠标悬停在搜索栏上，那么我的购物车就会消失，因为它是顶层/第一层。这是一张图片。有没有办法在CSS中解决这个问题，购物车是第一层而不是第二层？提前谢谢！

Answer 1

基本上是z-index问题

您应该为您的购物车css提供z-index更大的价值，并为搜索框 div

提供更少 z-index的价值

CSS中的z-index属性控制重叠元素的垂直堆叠顺序。如同，在哪一个看起来好像它在物理上更接近你。 z-index仅影响位置值不是静态的元素（默认值）。

<强> HTML

<div class="a"></div>
   <div class="b"></div>

<强> CSS

.a {
    background:red;
    width:100px;
    height:50px;
    z-index:2;
        position:relative;    

}

.b {
    background:green;
    height: 50px;
    left: 20px;
    position: relative;
    top: -30px;
    width: 100px;
    z-index: 3;
}

DEMO