Javascript 将鼠标悬停在图像贴图上时的颜色反转

我想反转鼠标悬停时图像的颜色。但是我只想要基于图像贴图反转的部分颜色。我用过图像地图。我的光标在图像地图上的区域只有那些颜色应该反转。 我使用了以下代码，但它不起作用

功能显示（idi）{
document.getElementById（“demo”）.innerHTML=“hiee”；
document.getElementById（idi.style.z-index=“101”；
}
函数隐藏（idi）{
document.getElementById（“mi”）.innerHTML=idi；
document.getElementById（idi.style.z-index=“1”；
}

img.invert:悬停{
过滤器：倒置（100%）；
-webkit过滤器：倒置（100%）；
-moz滤波器：反向（100%）；
-o型过滤器：反向（100%）；
-ms过滤器：倒置（100%）；
}
倒转{
过滤器：反转（0）；
-webkit过滤器：反向（0）；
-moz滤波器：反转（0）；
-o型滤波器：反向（0）；
-ms过滤器：反转（0）；
}

AFAIK无法在

区域

标记中应用

过滤器

从

area元素表示带有一些文本的超链接和
图像地图上的对应区域，或图像地图上的死区


解决方法是将其分成多个
img
，然后将
filter
设置为
img
如果无法在
区域
标记中应用
过滤器

从

area元素表示带有一些文本的超链接和
图像地图上的对应区域，或图像地图上的死区


解决方法是将图像分割成多个
img
，然后将
filter
设置为
img
我可以将图像分割成不同的png图像，并将它们一个放在另一个上面，然后应用反转颜色吗？
filter
可以应用于
img
是的。我已经做了更改，并将所有分割成的图像都放在上面一个零件比另一个零件高。静止过滤器仅对最后一张图像起作用。y是z索引不工作吗？我将图像分割为多个图像。试着用zindex，但仍然不能正常工作。只有最后一幅图像的颜色得到了反转的破裂图像，我可以将图像分割成不同的png图像，并将它们一个放在另一个上面，然后应用反转颜色吗？
Filter
可以应用到
img
是的，我已经做了更改，并将所有被分割成部分的图像作为png一个放在另一个上面。静止过滤器仅对最后一张图像起作用。y是z索引不工作吗？我将图像分割为多个图像。试着用zindex，但仍然不能正常工作。只有最后一种图像颜色才能获得反向损坏的图像，