Solved

image map not working on the landing page

Posted on 2012-12-28
1
269 Views
Last Modified: 2013-01-09
image map not working on the landing home page http://www.murraypark.com inside the div with id="bgContainer". When I set the z-index on this div to 10 or more, the map does work but then the other links on the page stop working .
0
Comment
Question by:mmalik15
1 Comment
 
LVL 21

Accepted Solution

by:
Kim Walker earned 500 total points
ID: 38726804
The image with the image map MUST be the top most element for it to be clicked on. Any element that covers it will receive the click instead of the image. With that said, you can use an entirely transparent image that covers only the mapped area but not the other links. Just create a single pixel transparent image and size it to cover the mapped image. Then apply the image map to the transparent image.
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Read about why website design really matters in today's demanding market.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now