[Solved] some letters shine through menu

[stoffi]

I need a tip,

I’ve got a strange problem. In a Website I built in the moment I use a drop-down-menu (without opacity). I can see some letters from the text underneath through it – the letters are are only the <sup>’s.
Has anyone an idea what it causes and how to get rid of it?

thank you
Christoph

[Senff]

Could be a positioning issue (relative/absolute) with Z-index, could be a browser bug. Do you have a link to the page where the issue appears so we can investigate the code?

[stoffi]

I have not looked at z-index but I will have an eye on it.

the linkto this page:
http://www.christoph-freyer.at/sandbox/diego_caltana/teaching.html

thanks,
Christoph

[Senff]

Yep, it’s a positioning/Z-index issue. The <sup> elements have relative positioning, which is why they’ll show through.

Giving .click-nav ul a Z-index will solve the issue. If you want to be sure, give it a Z-index of 10 and give the <sup> a Z-index as well, lower than 10.

[stoffi]

Thank you for your very fast answer. It solved my problem – now it works.
Christoph

solved

[Author]

Posts