Geek Answers Handbook

IE6 freezes not returning

Demo http://people.mywot.com/dean/tour/ie6test.html

I narrowed down this problem in the test case above. You will immediately notice this if you download it in IE6.

Problem

When you anchor in IE6, all descendant elements that should become visible become visible, but as soon as you hover over, all styles remain, but the text disappears. This leads to a "ghost box" and a rather interesting (but undesirable effect).

This morning I searched for a few hours to try to figure out what IE6 error was , but I have no ideas.

PS Ignore PNG transparency. I just did not include pngfix in this demo.

+5
source share
2 answers

Yes, 100% of webmasters hate the devil IE6, but we are here to answer the question and not discuss how bad IE6 is, right?

And for the question, this is my answer: (edited line 42 and 43 in your demo code)

...
    .screenshot a.bubble .description { position: absolute; min-width: 200px; bottom: -8px; background: none; display: none;
     }
    .screenshot a.bubble:hover .description { display: inline;  background: #efefef; }
...

I don't know how, but IE6 cannot hide the div with the css attribute "background" not set to "none". That is all that causes the problem. Anyway, I hate IE6.

+1
source

There are some dumb bugs in Hover states in IE6.

http://reference.sitepoint.com/css/pseudoclass-hover covers most of them, which should allow you to experiment with what might be wrong.

EDIT: , , javascript , .

, (, ), - IE6. , !

+3

More articles:


All Articles