When u have been working so long it's a lil harder (at least for me) to notice the small things that sometimes can make something so hard. lol.
Anyhow if you go here http://www.knightsbridge-fund.com/ and hover over "our partners" you will see that the drop down works fine, how ever if you hover over "key facts" the drop down goes behind the rotating images, can anyone please advise on a solution to this problem?
Thanks ;)
The site has been changed a lil (made by owner of site) but you can see that the dropdowns go behind the changing images...
anyone have a solution for this?
Posted 1 year ago #
have you tried adding a z-index to the #nav div?
thanks, I just did that but it's not working in IE only FF
Posted 1 year ago #
question.... when you added the z-index, did you add a positional element as well? It will only work right in IE in a element that also has that declaration.. FF is smart enough to inherit while IE sits there and looks at you stupid... :-)
it has position:absolute;
Posted 1 year ago #
open your javascript file that controls your images/gallery...
find:
{
var currentImg = new Fx.Style(
new Element('div').addClass('slideElement').setStyles({
'position':'absolute',
'left':'0px',
'right':'0px',
'margin':'0px',
'padding':'0px',
'backgroundImage':"url('" + this.galleryData[i].image + "')",
'backgroundPosition':"center center",
'opacity':'0'
}).injectInside(el),
'opacity',
{duration: this.options.fadeDuration}
);
this.galleryElements[parseInt(i)] = currentImg;
}add to it after padding and before backgroundimage:
'z-index':'-1';
see if that works
nope :(
anyone else have any other ideas?
someone somewhere needs to have a solution to this
This topic has been closed to new replies.
