有时链接不可点击

问题描述

有时在我的网站的购物车菜单中无法点击标题购物车的<div>元素下的链接。

HTML：

<div class="shopping-cart-btn">
    <a href="https://domain.tld/cart">View Cart</a>
    <a href="https://domain.tld/checkout">Checkout</a>
</div>

<a>标签的CSS代码：

.shopping-cart-btn a {
background-color: transparent;
border: 2px solid #eeeeee;
color: #454545;
display: block;
font-size: 14px;
font-weight: 500;
padding: 14px 20px 12px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;

我尝试将z-index: 9999; position: relative;设置为上述类，但仍然无法正常运行。
还尝试使用<span>作为URL，但是仍然无法单击链接。

要复制，请转至缩回，然后将任何物品添加到购物车，单击页面右上角的购物袋图标，然后尝试同时单击“查看购物车”链接和“查看”。有时它可以正常工作，但大多数时候都无法工作。

检查错误

编辑：请参阅mplungjan的评论，以获取可能的解决方案，因为该问题被不相关的解决方案错误地关闭。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html z-index