- Posts: 6
- Thank you received: 0
z-index issue
-
nrtn
Inactive member - Topic Author
- New Member
Less
More
12 years 10 months ago #14812
by nrtn
z-index issue was created by nrtn
I have loaded the Hot Image Slider on my website. How can I change the z-index to have the module fall behind the dropdown menu that is above it? There are dropdowns on some of the menus but you cannot see because they fall behind the slider.
URL: larrynorton.net/baylor/
Thanks for suggestions.
Larry
URL: larrynorton.net/baylor/
Thanks for suggestions.
Larry
Please Log in to join the conversation.
-
nrtn
Inactive member - Topic Author
- New Member
Less
More
- Posts: 6
- Thank you received: 0
12 years 10 months ago #14813
by nrtn
Replied by nrtn on topic Re: z-index issue
While looking thru the forum trying to fix another issue I found a fix that fixed this issue also.
If anyone has this problem here is a fix.
Edit modules/mod_hot_image_slider/tmpl/default.php and insetr this just before <div id="header_hotslider"><div class="wrap">:
<script type="text/javascript">
jQuery.noConflict();
</script>
If anyone has this problem here is a fix.
Edit modules/mod_hot_image_slider/tmpl/default.php and insetr this just before <div id="header_hotslider"><div class="wrap">:
<script type="text/javascript">
jQuery.noConflict();
</script>
Please Log in to join the conversation.
-
jamiegee
Inactive member - New Member
Less
More
- Posts: 6
- Thank you received: 0
12 years 8 months ago - 12 years 8 months ago #17074
by jamiegee
Replied by jamiegee on topic Re: z-index issue
Hi,
Mine won't work in IE8. I tried adding your code above but my menu appears below the slider - surreyenergymanagement.co.uk
username/password
I've tried countless variations with z-index but with no luck
Any help please........?
Jamie
Mine won't work in IE8. I tried adding your code above but my menu appears below the slider - surreyenergymanagement.co.uk
username/password
I've tried countless variations with z-index but with no luck
Any help please........?
Jamie
Last edit: 12 years 8 months ago by jamiegee.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 8 months ago #17082
by ivan.milic
Replied by ivan.milic on topic Re: z-index issue
Try adding this to your template styles:
Code:
body > *{position:relative;}
body > *{ z-index:1001;}
body > * > * > * {z-index:1000;}
body > * > * > * > * {z-index:999;}
body > * > * > * > * > * {z-index:998;}
body > * > * > * > * > * > * {z-index:997;}
body > * > * > * > * > * > * > * {z-index:996;}
body > * > * > * > * > * > * > * > * {z-index:995;}
body > * > * > * > * > * > * > * > * > * {z-index:994;}
body > * > * > * > * > * > * > * > * > * > * {z-index:993;}
body > * > * > * > * > * > * > * > * > * > * > * {z-index:992;}
body > * > * > * > * > * > * > * > * > * > * > * > * {z-index:991;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:990;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:989;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:988;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:987;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:986;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:985;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:984;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:983;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:982;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:981;}
Please Log in to join the conversation.
-
jamiegee
Inactive member - New Member
Less
More
- Posts: 6
- Thank you received: 0
12 years 8 months ago #17084
by jamiegee
Replied by jamiegee on topic Re: z-index issue
I wasn't quite sure about what to do with code, however I tried the following but still no joy
body {
position:relative;
z-index:-5001;
}
body {
position:relative;
z-index:-5001;
}
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 8 months ago #17087
by ivan.milic
Replied by ivan.milic on topic Re: z-index issue
Hi open index.php of template and in head section add this:
Code:
<!--[if lte IE 7]>
<style type="text/css">
body > *{position:relative;}
body > *{ z-index:1001;}
body > * > * > * {z-index:1000;}
body > * > * > * > * {z-index:999;}
body > * > * > * > * > * {z-index:998;}
body > * > * > * > * > * > * {z-index:997;}
body > * > * > * > * > * > * > * {z-index:996;}
body > * > * > * > * > * > * > * > * {z-index:995;}
body > * > * > * > * > * > * > * > * > * {z-index:994;}
body > * > * > * > * > * > * > * > * > * > * {z-index:993;}
body > * > * > * > * > * > * > * > * > * > * > * {z-index:992;}
body > * > * > * > * > * > * > * > * > * > * > * > * {z-index:991;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:990;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:989;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:988;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:987;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:986;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:985;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:984;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:983;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:982;}
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:981;}
</style>
<![endif]-->
Please Log in to join the conversation.
Time to create page: 0.128 seconds