这个问题通常是由于链接元素覆盖了按钮元素造成的。为了解决这个问题,可以使用CSS中的pointer-events属性将链接元素的事件转移到按钮元素上。具体示例如下:
HTML代码:
CSS代码: .my-button { background-color: #007bff; padding: 10px 20px; border-radius: 5px; color: #fff; text-decoration: none; display: inline-block; }
.my-link { color: #fff; text-decoration: none; pointer-events: none; /* 防止链接元素覆盖了按钮元素 */ }
.my-button:hover .my-link { pointer-events: auto; /* 鼠标移动到按钮上时,将事件转移到链接元素上 */ }