IE6下文字神秘消失

标签:CSSWeb故障排除网页设计
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

     因为最近比较忙,这两周都不怎么更新博客了。忙完之后,又开始折腾起我的博客。经常光顾露兜博客的朋友,可能都注意到露兜博客的界面又发生了很大了的变化,具体哪些变化我就不说了。折腾是要付出体力劳动的,尤其是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就是一个典型的程序员折磨程序员的例子,如果你也在写程序,并且你的程序会被别人用,那么请认真对待你的程序,负起你的责任,不要让别人因你而遭受苦难!

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜博客 https://www.ludou.org/ie6-text-disappear.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者,主业是淘宝店主,卖些工艺品,感兴趣可以到我的淘宝店看看(旺旺不提供技术咨询):西西弗sisyphe