The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › onHover change image when using image map
I would like to change image onHover when using imagemap(<area>,<map>,…)
Here are my HTML and related CSS:
img src=”images/circle/a.png” /
<map name=”123″ id=”123″>
<area class=”onetest” href=”#” shape=”polygon”coords=”286,89,504,31,504,134,338,180″ />
What I want to do is that when I hover a specific area on the image, the image would change to another.
You can’t style area tags as they aren’t in the DOM. They are just a set of coordinates.
You might want to try SVG instead.