微軟Edge最近為網(wǎng)頁(yè)上超過(guò)一定大小的所有圖像添加了一個(gè)新的懸停圖標(biāo)(視覺(jué)搜索)(它似乎會(huì)顯示所有大于180像素的圖像)。

用戶可以在Edge設(shè)置中刪除它，但我正在尋找HTML/CSS中的解決方案來(lái)防止這個(gè)圖標(biāo)在懸停在img標(biāo)簽上時(shí)顯示。

圖標(biāo)看起來(lái)像什么

懸停后的圖標(biāo)

顯示懸停行為的動(dòng)畫GIF

嘗試使用指針事件:無(wú)；用于圖像

不幸的是，解決這個(gè)問(wèn)題的最好方法是采取如下措施:

<style>
    .no-visual-search {
        pointer-events: none;
    }
</style>
<div class='img-container'>
    <img class='no-visual-search'>
</div>

然后，您可以將您需要的指針事件放在img容器div中，并使div和img的大小相等。

我遇到了同樣的問(wèn)題，真希望有更好的解決方案。

我試著使用指針事件:在我的圖像上沒(méi)有，但它仍然在鼠標(biāo)懸停時(shí)顯示。我最終完全放棄了使用IMG標(biāo)簽，而是使用了一個(gè)DIV容器，然后將圖像作為背景圖像加載。顯然，背景圖片不會(huì)觸發(fā)視覺(jué)菜單。

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

看起來(lái)微軟已經(jīng)認(rèn)識(shí)到了他們的錯(cuò)誤，因?yàn)楝F(xiàn)在他們已經(jīng)移除了這個(gè)“功能”或者默認(rèn)設(shè)置為關(guān)閉。我找不到它的任何設(shè)置，所以我假設(shè)它已被刪除...暫時(shí)的！

現(xiàn)在有了可以移除圖標(biāo)的瀏覽器設(shè)置。我無(wú)法通過(guò)密碼關(guān)閉它。我的圖像是svg格式的，所以這個(gè)功能根本不起作用！: )

隱藏圖標(biāo)...搜索& quot視覺(jué)搜索& quot在設(shè)置菜單(或設(shè)置& gt外觀& gt視覺(jué)搜索)。有兩個(gè)選項(xiàng)，一個(gè)是永久顯示圖標(biāo)，另一個(gè)是懸停時(shí)，用戶也可以阻止它在選定的網(wǎng)站上顯示。