How to adjust CSS menu to layer over Javascript Slideshow

Posted on 2010-09-22
Last Modified: 2012-05-10
On FF, Google Chrome, Safari, Opera when hovering over the For Buyer's Menu Dropdown, the menu is going under the slideshow of the properties for sale.  

How can I adjust this?

It appears correct in IE7
Question by:shawnzer
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 21

Accepted Solution

chapmanjw earned 250 total points
ID: 33738493
Try setting the z-index CSS value of the slideshow and menu elements:
LVL 13

Assisted Solution

Onthrax earned 250 total points
ID: 33738499
You have your z-index values mixed up. The image under hot listing has a z-index of 1000 while the menu div with class AJXMenueDFaTFD has only 100. Change the z-index value of AJXMenueDFaTFD to 1001 and it'll work as exptected.

Expert Comment

ID: 33738783
in the file ajxmenu.css

.AJXMenueDFaTFD {position:relative;width:100%;height:35px;background:#000000 url(ajxmenu_files/menu-bg.png) top left;z-index:1234;}
Instantly Create Instructional Tutorials

Contextual Guidance at the moment of need helps your employees adopt to new software or processes instantly. Boost knowledge retention and employee engagement step-by-step with one easy solution.


Expert Comment

ID: 33738798
@Onthrax, you were too fast for me ...
he is right
LVL 13

Expert Comment

ID: 33738982
hehe no worries :)

Author Closing Comment

ID: 33747334
thanks for the help changed the zindex of  the menu to 1001

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
What kind of framework must i use to do that ? 2 47
CSS Odd/Even Confusion 2 39
PDF Turn Look 7 33
Convert complicated date to yyyy-mm-dd format 22 49
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

737 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