Solved

image map not working on the landing page

Posted on 2012-12-28
1
273 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 22

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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to dynamically set the form action using jQuery.

815 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

11 Experts available now in Live!

Get 1:1 Help Now