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>

...