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导致文字消失
解决办法就是指定父容器的宽度:
或者指定高度为1%
我的解决办法是给右边的文字部分指定高度1%
我想如果我没有找到这篇文章,我永远都不会找出导致文字消失的原因,更不能解决这个问题,感谢该文章的作者。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就是一个典型的程序员折磨程序员的例子,如果你也在写程序,并且你的程序会被别人用,那么请认真对待你的程序,负起你的责任,不要让别人因你而遭受苦难!
相关文章推荐
- 黄聪:IE6下css大bug:文字神秘消失,鼠标选择了才出现
- IE6文字消失、背景圖消失之謎
- IE6,IE7绝对定位元素神秘消失或被遮挡的解决
- IE6 7下绝对定位引发浮动元素神秘消失
- IE6下溢出多余文字
- 用JS来实现输入框提示文字点击时消失
- jquery 无限循环滚动,文字图片皆可,IE6,7,8,FF8测试无误
- HTML-input文本框(添加提示文字,填写内容时消失)
- IE6背景消失问题
- jQuery, 文本框获得焦点后, placeholder提示文字消失
- 磁盘空间神秘消失事件
- js 鼠标点击文本框 提示文字消失
- 文本框默认显示的字(提示的文字),点击后文字消失。
- JS --- 点击input文本框,文字消失
- input输入框点击文字消失
- 今天写一个注册或是登录时都可以用的东西,就是在input方框中点击,方框内文字消失,失去焦点,则又显示
- IE6和7下text-indent导致inline-block标签消失的bug
- IE6、7 按钮文字垂直居中 按钮文字在IE下的兼容性方案
- 在IE6、ie7下input选择框与文字对齐 和ie更高版本无法一致的解决办法
- jQuery表单Input文本框默认说明文字获得焦点后消失效果