悬停时超链接无法正常工作
Hyperlink is not working properly on hover
悬停时,超链接仅在少数地方有效。
当 'Gear' 选项卡处于活动状态时,它在 'Food' 选项卡上工作正常,但当 'Food' 选项卡处于活动状态时,它在 'Gear' 上工作正常。 Click 进行检查。如果更多详细信息有帮助,请告诉我。
您的齿轮箱照片与link重叠。
在给定的网站中,我可以看到齿轮标签 (32070_120Vault_1up_Angle_1500x_banner.png) 上方的图片与齿轮按钮重叠。因此,当您将鼠标悬停在齿轮按钮上时,它实际上悬停在图像上。
有两种解决方案:
1. 您可以通过修剪底部不需要的 space 将其编辑为合适的大小来修复图像。
2. 您可以为 "cat-tab" class 设置更高的值 z-index
。然后我可以看到 "side-top-image" class 有 z-index:9。所以你可以做的是,设置下面 CSS
.cat-tab {
position: relative;
z-index: 10;
}
希望这能解决您的问题。
悬停时,超链接仅在少数地方有效。 当 'Gear' 选项卡处于活动状态时,它在 'Food' 选项卡上工作正常,但当 'Food' 选项卡处于活动状态时,它在 'Gear' 上工作正常。 Click 进行检查。如果更多详细信息有帮助,请告诉我。
您的齿轮箱照片与link重叠。
在给定的网站中,我可以看到齿轮标签 (32070_120Vault_1up_Angle_1500x_banner.png) 上方的图片与齿轮按钮重叠。因此,当您将鼠标悬停在齿轮按钮上时,它实际上悬停在图像上。
有两种解决方案:
1. 您可以通过修剪底部不需要的 space 将其编辑为合适的大小来修复图像。
2. 您可以为 "cat-tab" class 设置更高的值 z-index
。然后我可以看到 "side-top-image" class 有 z-index:9。所以你可以做的是,设置下面 CSS
.cat-tab {
position: relative;
z-index: 10;
}
希望这能解决您的问题。