CSS 元素覆盖在其他 CSS 元素上

Question

目前在小型 wordpress 网站上工作，发现一件事我无法自行排序。我在网站的移动版本上工作，并且想将两个元素（页面标题和购物车图标）移动到页面顶部。

我已经插入了这个 css：

.woodmart-shopping-cart {
 margin-top:-80px; // Inserted this
}

但元素似乎被其他元素覆盖：

试图把这个：

.woodmart-shopping-cart {
position: relative;
z-index: 99;
margin-top: -80px;
overflow: visible;
}

但似乎没有任何改变。购物车元素仍被其他元素覆盖。这里有帮助吗？

编辑：

根据上面的一些指示，我将我的 css 设置为：

.container {
z-index:999;
position:relative;
}
.page-title.color-scheme-light .entry-title {
z-index:0;
margin-top:-60px;
}
.woodmart-cart-design-5 {
z-index:0;
}   

但现在似乎购物车图标不像以前那样可点击，当你点击它时它什么也不做。

但看不到任何变化。一些提示？

Answer 1

尝试在卡片元素图标上应用z-index: 1;，在另一个元素上应用z-index: 0;。

z-index: 1; 的对象将在z-index: 0; 的对象前面，但对象必须用position 定位

Answer 2

据我所知，只有图片，没有代码，我认为您正试图将购物车放在导航栏 div 的顶部，对吧？如果您的导航栏有position:relative，那么.woodmart-shopping-cart 的位置必须是：position:absolute。这样您就可以轻松控制您的第二个元素如何出现在另一个元素之上。