html - 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>

...