使图像具有可点击的角度

Question

我的图像无法点击。这是一张购物车风格的照片，带有一个小数字气泡，告诉你购物车里有多少物品。div是可点击的，但照片本身是不可点击的。

这是我的代码：

<a routerLink="/cart">
<img class="cart" src="../../../assets/canoe detail.png" alt="Canoe Cart">
<div *ngIf="quantity" class="quantity">{{quantity}}</div>
</a>

我还尝试过用只记录("点击"(的功能将点击事件添加到图像中；routerLink＝'/cart'"；图像标签，但这两个都不起作用。

我错过了什么？

提前感谢！！

Answer 1

您的代码看起来很好，应该可以使用

<a class="brand-logo" routerLink="/login">
<img src="assets/img/logo-svg.svg" />
</a>

尝试删除另一个div并进行检查，但应该可以使用它

Answer 2

为a添加此CSS

a{display:inline-block}

Answer 3

已解决！尽管它是可见的，但它在导航栏后面，所以改变z索引可以修复它。

a {
z-index: 5;
}