3 replies [Last post]
microserf
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2004-01-18
Posts: 7
Points: 0

Hi,

I'm a little lost here -

I have a list structure like this:

The second div is invisible until "mouseover". It's then displayed until "mouseout". It's absolutely positioned with a z-index of 10. It has a background. In FF this works perfectly. In IE (7, but likely the same below that), however, the background of the newly displayed div is partly transparent - it will cover all graphical elements below it (eg borders, backgrounds, and images) but NOT the text of the other divs below it.

Unfortunately, I could not find any information regarding this problem, as the search term it involves usually lead to other problems (background, transparent, IE).

Here's a link to a demo page of the problem

http://www.fistfulofeuros.net/3c/atafoe_test.php

Thanks for any help!

microserf

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 13 years 22 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Hi Microserf,

Hi Microserf,

You really need to validate first before you ask the forum. Just by looking at the little bit of code there, I see that you do not have a closing tag for your 'container' div. Also, I am not sure that it is good practice or valid html to put div's within list tags...others on the forum will definitely correct me if I am wrong.

Looking at your html on the test page...I see that you do not have a Doctype, closing 'head' tag, title tags and other tags that are missing brackets and so forth. Please validate first and then if the issue persists, bring it back to the forum.

Thanks,
- r

microserf
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2004-01-18
Posts: 7
Points: 0

oops, well, yeah. Thanks for

oops, well, yeah. Thanks for noting.

Ok, the lines above are just an indicator for the structure.
The testpage is just a bit out of the rest of the page, will validate as you said, then call back later (pretty sure it will persists as it's in the main page *with* doctype as well).

Thanks ragamuffin

microserf
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2004-01-18
Posts: 7
Points: 0

Hi again, I managed to

Hi again,

I managed to solve the mystery - well, managed to work around it, actually.

The reason for the surprisingly semi-transparent background was that the div was absolutely positioned within a relatively positioned div. Changing the positioning of the parent div caused IE to render the background so that the text underneath would still be visible.