懸停時的圖像效果不透明

Question

如果圖像的懸停位置不透明，是否可以使圖像具有懸停效果？

因爲我有一些透明的圖像。

然後，我想製作一個懸停效果，當鼠標懸停在圖像不透明的地方時，該懸停效果將首先運行。

這是可能的嗎？

希望它能理解。

Answer 1

可能是這樣，你可以修改位置或座標值，我認爲你應該使用畫布並將圖像放置在裏面，並且在鼠標事件的幫助下你可以捕捉鼠標函數並嘗試使用jQuery for懸停效應。

Answer 2

您是否嘗試過使用地圖標記？ http://www.w3schools.com/tags/tag_map.asp

Answer 3

其可能使用canvas元素實際上我做這個^^一個插件也許這可以幫助你：https://github.com/Bahlor/jQuery-Pixel-Related-Object-Selection

這個腳本允許檢查圖像的透明/非透明區域，並允許如果另一個元素位於重疊元素的透明區域後面，則點擊通過。使用背景圖像處理圖像元素和div。