Solved

jQuery superfish plugin menu appearing below element

Posted on 2009-07-03
9
636 Views
Last Modified: 2012-05-07
Hi,

I am using the jQuery superfish plugin http://users.tpg.com.au/j_birch/plugins/superfish/ and below that have an image cycle based on the cycle plugin http://malsup.com/jquery/cycle/

All is ok, but in IE6 and 7, the drop down menu steadfastly refuses to appear above the image fade effect which is directly below. I have tried to set the imagegallery to position relative and a z-index of 1, and placing the elements in the menu to a higher z-index but all to no avail. It works in Firefox of course and IE8.

I was wondering if the plugin mentioned on the superfish page (bgi frame) would work, but have tried that, and alas no!

Any help here very much appreciated!

Daisy
0
Comment
Question by:daisydoos
[X]
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
  • 5
  • 4
9 Comments
 
LVL 42

Expert Comment

by:David S.
ID: 24774807
We would need to see your page to be able to help you.
0
 

Author Comment

by:daisydoos
ID: 24783524
Thanks for getting back to me. Bear with me and I will provide a site example.

Cheers,

Daisy
0
 

Author Comment

by:daisydoos
ID: 24811166
Hi,

Sorry, the site concerned is now live, and I have had to make adjustments for IE in other ways - like, for example, not showign a drop down menu at all to users of IE6/7. It works in IE8. If you have a look at www.garlandgroup.co.uk you will see the drop down menu in action over the top of the image cycle - hope this helps.

Daisy
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 42

Expert Comment

by:David S.
ID: 24811200
The XHTML seems to be different in IE than in Firefox. The submenus are omitted in the IE version.
0
 

Author Comment

by:daisydoos
ID: 24811314
Hi,

Yes, becuase of the problem I had to omit the drop down menu for IE6 and 7.... if you can look at this quickly, I can activate for them - it's just that with the site being live and all !!! Can you let me know and I will show the drop menu..

Cheers,

Daisy
0
 
LVL 42

Expert Comment

by:David S.
ID: 24811400
Why don't you create a copy of the page for testing then?
0
 

Author Comment

by:daisydoos
ID: 24811425
Good idea!

here it is : http://www.garlandgroup.co.uk/test.html

Cheers,

Daisy
0
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 24833272
Try giving #masthead z-index:100
0
 

Author Comment

by:daisydoos
ID: 24838215
Hi Kravimir,

Gave everything else a high z-index - apart from the masthead! Thanks for this - works for me.

Cheers,

Daisy
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

615 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