摘要：
【IE6.0 Bug总结之七】图片底部空隙问题一、开篇很久很久以前，我数过IE6的六大罪状（六个蛋疼的bug），原文IE6 Bug大盘点，看看你都遇到过哪些【更新中】，虽然IE6用户量在不断下降，但我们目前仍需要为那些执迷不悟者考虑，谁让用户是老大呢。好了，今天我就来列出IE6的第七大罪状：图片底部空隙问题，欲了解出解决方案，请往下看吧。二、症状表现昨天在改版青藤园首页时，准备将推荐博客那栏用博主头像显示，并在图片周围加了1px的边框，css代码如下：1 #blog_list span.blog_img { display: inline-block; padding:1px;border:. 阅读全文
摘要：
【IE6.0 Bug总结之六】宽度100%问题 本来自信的我一般不会去用IE6测试自己写的网页，但今天在整理自己的博客时，无意间用IETester测试了一下自己的博客，结果很是令我吃惊，很多页面在IE6上虽然没有太大的bug，但很多却变得很难看，于是就开始改各种bug了。其他一些字体啊，颜色啊都很好改，花了几分钟就搞定，但其中有一个问题很让我摸不着头脑，简单的说是IE6下宽度100%会出问题。下面我用代码和截图来模拟这个问题的场景： 1 <div style=" float:left; width:140px; height:200px; background-color:#E 阅读全文
摘要：
【IE6.0 Bug总结之五】文字溢出bug(注释bug)1、在以下情况下将会引起文字溢出bug一个容器包含2两个具有“float”样式的子容器。第二个容器的宽度大于父容器的宽度，或者父容器宽度减去第二个容器宽度的值小于3在第二个容器前存在注释（这也是为什么此bug也叫做“IE6注释bug”的原因）。2、引起bug时的效果图这是正常效果 IE6下却多了一个“怪”字，真是怪3、修复该bug的解决方案改变结构，不出现【一个容器包含2两个具有“float”样式的子容器】的结构。——此解决方案的评论：疯了！因噎废食的做法。减小第二个容器的宽度，使父容器宽度减去第二个容器宽度的值大于3，例如将本文示例中 阅读全文
摘要：
【IE6.0 Bug总结之四】position:fixed无效问题 今天在IE6上遇到一个bug，本来想做一个消息提示框，让他在页面右上角停留一段时间后消失，这段时间内提示框随着页面的下拉一直出现在浏览器可见区的顶部，于是我用到了css的一个属性position:fixed，但遗憾的是在IE6下这个属性不起作用，悲剧的IE6，于是便找解决方案，现把最佳的解决方案拿出来与大家分享，或许不久的将来你能用上。1、要实现的效果如下图：这时弹出提示在浏览器最右上角可见区这时浏览器向下滚动了一下，但要让弹出层保持在浏览器最右上角可见区2、兼容的解决方案代码如下：css代码如下 1 .loading_t.. 阅读全文
摘要：
【IE6.0 Bug总结之三】div无法遮盖select问题 今天来看看IE6下的这个bug，绝对定位的div无法遮盖select，本来是想做一个弹出的div来作提示框，可是到了IE6下，无意中发现页面上的一个select无法被弹出的div遮住，好像是select把div划破了一样，具体效果如下图所示。这是正常的图，上面的div把下面的select遮住了这是IE6下不正常的效果，上面div不能把下面的select遮住那么如何解决这个bug呢，解决该bug的方法如下：1、将select放到iframe里面，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖i. 阅读全文
摘要：
【IE6.0 Bug总结之二】双倍边距(margin)的bug IE6 的bug算是让人头疼甚至蛋疼到了极点，有时候他的种种bug会带给你无限的惊奇，有时候一个在其他浏览器上非常完美的网页到IE6上就乱成一团。今天就遇到了这个问题，在firefox上调试页面时页面都没问题，但一到IE6上，吓了一跳，布局完全乱掉。后来发现是IE6下浮动层双倍边距的bug引起的，于是就把问题整理了一下，分享给大家，相信写网页的朋友一定会遇到这种神奇的事情的。1、bug问题描述：一个浮动的div在IE6下可能会产生双倍边距的bug问题，具体产生的条件是：如果左浮动，则左边距加倍；如果右浮动，则右边距加倍。见下图：. 阅读全文
摘要：
【ie6.0bug总结之一】奇数宽高的BUG 悲剧的IE6啊，为何有如此多bug，但用户市场又那么大，真让我们搞网站的纠结。今天就遇到了一个非常奇怪但又很细节的一个bug，一个外部的相对定位div，内部一个绝对定位的div（right:0），如下图所示： 可是在IE6下查看，却变成了right:1px的效果了，是特效吗，不像： 结果发现只要外部div的高或宽为奇数时，就会出现如上1px的问题，修复问题的解决方案就是把外部div的高或宽设为偶数。以下是css代码： 1 #outer { 2 3 width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了... 阅读全文