Board Thread:Support Requests - Getting Technical/@comment-17710859-20140708210732/@comment-452-20140709161628

What you were trying to do was already clear.


 * Q: How can I overlay something on top of imagemap links and still have the links work?
 * A: You can't (edit: in a way which is supported by all browsers) but there are several alternate ways to achieve a similar look and functionality.

Although you quoted Iynque, I'm going to assume you were requesting alternate suggestions from everyone.

Idea 1: Use normal links instead of imagemap links.
 * You're already overlaying a div on top unsuccessfully because they're over the imagemap, so it would make more sense for the link itself to be in the overlay.

Idea 2: Don't use an imagemap. Instead, design an infobox to look like the image.
 * Images and Imagemaps have their place, but images which contain text are pointless. Text should be text.
 * (This is what I would do, and what most wikis do. When I first clicked your link to your example, before reading your post, I originally thought you were asking for someone to design an infobox resembling the image.)

Idea 3: If you insist on using an imagemap, simply edit the image with the desired highlight.
 * (I don't recommend this, but it's still a solution to your specific problem.)