您的位置:首页 > 其它

IE6下文字神秘消失

2010-07-19 00:00 363 查看
因为最近比较忙,这两周都不怎么更新博客了。忙完之后,又开始折腾起我的博客。经常光顾露兜博客的朋友,可能都注意到露兜博客的界面又发生了很大了的变化,具体哪些变化我就不说了。折腾是要付出体力劳动的,尤其是Internet Explorer这个怪物还在这个世上横行霸道,你就别想半点清闲。

修改博客界面的时候,我在IE6下遇到了一个很诡异的问题,具体是什么问题,我都找不到词来形容,看图吧:
Internet Explorer 6.0下 介绍文字消失了

鼠标指针选中消失的文字

Firefox下正常显示

可以看到图一,在Internet Explorer 6.0下,作者介绍的文字神秘地消失了,用鼠标去选择这部分文字还是存在的,但是点击到别处又消失,我在CSS中并没有隐藏这部分文字,并且除了IE6,其他浏览器都正常,这只能说是IE6的问题,想来想去都想不出这是什么原因造成。想解决这个问题吧,去网上搜索,但是我所用的大多数关键词都搜不到我想要的解决办法,幸好老天怜悯我,给了我答案:神奇IE6大bug,float导致文字消失

解决办法就是指定父容器的宽度:

#CONTENT {

    width: 99%;

}

或者指定高度为1%

*html #CONTENT {

    height: 1%;

}

我的解决办法是给右边的文字部分指定高度1%

.bio .about {

    _height: 1%;   /* 针对IE6 */

}

我想如果我没有找到这篇文章,我永远都不会找出导致文字消失的原因,更不能解决这个问题,感谢该文章的作者。Internet Explorer就是一个典型的程序员折磨程序员的例子,如果你也在写程序,并且你的程序会被别人用,那么请认真对待你的程序,负起你的责任,不要让别人因你而遭受苦难!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: