Woocommerce＆＃34;产品网址＆＃34;正在重叠＆＃34;添加到购物车＆＃34;按键

Question

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

当用光标指向红色标记的位置时，指向单个产品描述。当我移动添加到购物车按钮30px到顶部，然后导致重叠添加到购物车网址和产品说明网址，并添加到购物车按钮开始是无法访问。如何移动添加到购物车按钮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;