Jan 08 2008
IE7 Peekaboo bug, disappearing text
Sometimes when using IE6/IE7 a text will disappear, it will seem to be there but you won’t see it unless you highlite it. It’s called Peekaboo bug, some report it was corrected in IE7 but it doesn’t seem so to me.
How to solve the Peekaboo bug?
A solution is to add position:relative; to the containing div. It solved this issue for me. If you have any other solution feel free to post it!
Other resources: http://www.brownbatterystudios.com/s.. http://www.zeldman.com/2006/…
Default
Small Fonts
Big Fonts
April 17th, 2008 at 7:47 am
Hi, thank you very much for this solution. This bug was stalking me
April 17th, 2008 at 9:36 am
You’re welcome! C ome bac soon for more CSS tips and tricks!
June 18th, 2008 at 1:09 am
Thank you! =)
June 18th, 2008 at 11:30 am
You’re welcome!
August 20th, 2008 at 6:01 pm
Thank you thank you thank you. I’ve been plauged by this bug for a days now and your tip worked!
August 22nd, 2008 at 7:52 pm
ah, you’re a freakin life saver!!!! i had been banging my head against a wall on this issue. simple and easy solution -thank you very much.
February 13th, 2009 at 12:48 pm
[...] of the Internet Explorer 6 peekaboo bug. One of the guys over at Stack Overflow pointed me to a blog post on small-software-utilities.com where they listed finding a similar bug in Internet Explorer 7. Interestingly, their fix [...]
August 20th, 2009 at 12:40 pm
thanks man,
you’re the greatest!
you saved my head from crashing into the wall
I hate Internet Explorer – its developers are the worst, and got a lot to learn from mozilla developers
have a great day my friend,
T
March 3rd, 2010 at 6:32 pm
you can give a minimum width
min-width:1px;
it will trigger the “hasLayout” propery and show the text.
April 4th, 2010 at 10:44 pm
I have a similar problem in my website( revistapadurilor.ro ). My solution beats all: in my php script i detect the brower and if it is MS IE i print a _ BEFORE the tag.
[code]
$known = array('msie', 'firefox', 'safari', 'webkit', 'opera', 'netscape',
'konqueror', 'gecko');
preg_match_all('#(?' . join('|', $known) .
')[/ ]+(?[0-9]+(?:\.[0-9]+)?)#',strtolower($_SERVER['HTTP_USER_AGENT']),$browser);
if($browser['browser'][0]=='msie') print('_');
...
[/code]
April 4th, 2010 at 10:48 pm
edit: print _ before the html tag
May 12th, 2010 at 4:55 pm
i am not a developer but i am having a problem similar to this but it will not show. here is the pages in reference.
http://optimumos.com/index.php?main_page=index&cPath=41
If you highlight the entire page, the prices will show above the “Buy Now” button. However i can’t get them to show at all. I am using firefox and IE and it shows in none of them.
the sencond page:
http://optimumos.com/index.php?main_page=product_info&cPath=41&products_id=7756
if you highlight the page you’ll notice that the Product name will show otherwise i’ve got nothing. Can anyone help. Keep in mind im not a developer mine just can’t fix the problem. he thinks “something to do with javascript and wrong css”
HELPPPPPPPPPPPPPPP
May 13th, 2010 at 7:41 am
Hi, you should try to put a color in the css class prodListPrice!
June 22nd, 2010 at 9:36 pm
Thank you!!!
August 6th, 2010 at 10:58 pm
wow. this totally saved me. i was looking for a while for a solution to this bug. much appreciated. thanks!!!
January 5th, 2011 at 6:29 pm
I’ve spent all evening trying to figure out what I was doing wrong with this stupid bug. Thanks so much for posting this!