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

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
LVL 21

Accepted Solution

chapmanjw earned 250 total points
ID: 33738493
Try setting the z-index CSS value of the slideshow and menu elements: http://www.w3schools.com/css/pr_pos_z-index.asp
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;}
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.


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
VBScript on Html 15 47
Are these icons a web font? 3 21
asp.net open new page without popup blocker 8 18
javascript - insert into js doc help 2 19
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

790 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