Woocommerce“产品 URL”与“添加到购物车”按钮重叠

Question

嗨，我有一个奇怪的问题。我刚刚注意到，当检查into my store 时，“添加到购物车”按钮与产品信息 url 重叠。为了更好地解释下面的检查图像：

当光标指向红色标记的地方时，是指向单个产品描述。当我将添加到购物车按钮 30px 移动到顶部时，导致与添加到购物车 url 和产品描述 url 重叠，并且添加到购物车按钮开始无法访问。如何将 30px 的添加到购物车按钮移到顶部，并与价格对齐？

何时插入此 CSS：

#layout .woocommerce a.button, .woocommerce-page a.button, .woocommerce 
button.button, .woocommerce-page button.button, .woocommerce input.button, 
.woocommerce-page input.button, .woocommerce #respond input#submit, 
.woocommerce-page #respond input#submit, .woocommerce #content input.button, 
.woocommerce-page #content input.button
display: inline-block;
opacity: 1;
margin-top: 230px; // when change from 250 to 230 is see the issue !
margin-left: 55px;
color: #fff;

Answer 1

好的，试着给你的购物车按钮：

z-index: 100;