z-index不适用于不同层中的链接

Question

<div class='item' style='z-index:0; position:relative;' onClick="document.location.href='product.php'">
    <div class='add_to_cart' style='z-index:99; position:absolute;' onClick='add() /* ajax query */'></div>
...
</div>

当我单击'add_to_cart'div元素时，浏览器会将我重定向到product.php，而不是运行add（）函数。 我应该怎么做才能解决这个问题？

Answer 1

类“ add_to_cart”的div没有大小。 例如，分配宽度和高度，例如：

<div class='item' style='z-index:0; position:relative;' onClick="document.location.href='product.php'">
<div class='add_to_cart' style='widht: 100px; height:10px; z-index:99; position:absolute;' onClick='add() /* ajax query */'></div>

...