当用户将鼠标悬停在图像上时防止 Edge 显示视觉搜索图标

Question

Microsoft Edge 最近为网页上超过一定尺寸的所有图像添加了一个新的悬停图标（视觉搜索）（似乎对所有高于 ~180px 的图像显示）。

用户可以在 Edge 设置中删除它，但我正在寻找 HTML/CSS 中的解决方案，以防止将鼠标悬停在 img 标签上时显示此图标。

图标是什么样的

悬停后的图标

悬停时图标展开

显示悬停行为的动画 GIF

Answer 1

小智 11

尝试用于pointer-events: none;图像

另请参阅https://github.com/MicrosoftEdge/WebView2Feedback/issues/2345 (4认同)
这确实有效。然而，从长远来看，这并不是一个令人满意的答案（我的意思是微软需要制定更好的解决方案），因为这不是指针事件的用途。我认为这是一个临时的解决方法，因此它应该与类一起应用。}。这样以后撤消就容易多了。 (2认同)

Answer 2

我尝试在图像上使用pointer-events:none，但它仍然在鼠标悬停时显示。我最终完全放弃使用IMG标签，而是使用DIV容器，然后加载图像作为背景图像。显然，背景图像不会触发视觉菜单。

<DIV style = 'background-image:url("path to image"); background-size:100% 100%;'>
</DIV>