IE6-BUG总结及解决方法VIP专享VIP免费

下载后可任意编辑IE6 BUG 总结及解决方法IE6 双倍边距 bug当页面内有多个连续浮动时，如本页的图标列表是采纳左浮动，此时设置 li 的左侧margin 值时，在最左侧呈现双倍情况。如外边距设置为 10px， 而左侧则呈现出 20px，解决它的方法是在浮动元素上加上 display:inline;的样式，这样就可避开双倍边距 bug。3 像素问题及解决办法当使用 float 浮动容器后，在 IE6 下会产生 3px 的空隙，解决的办法是给.right 也同样浮动 float:left 或者相对 IE6 定义.left margin-right:-3px;当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？这种情况可在父窗口加上 overflow:auto;zoom:1;这两个样式属性，overflow:auto;是让父容器来自适应内部容器的高度，zoom:1;是为了兼容 IE6/’ target=’_blank’>兼容IE6 而 使用的 CSS HACK。zoom:1;通不过 W3C 的验证，这也是遗憾的一点，幸好 IE 支持这种写法，可以专门针对 IE 来写单独的样式，所以可以把这个属性写在页面内的中，这样应该可以通过验证了。超链接访问过后 hover 样式就不出现的问题解决方法是改变 CSS 属性的排列顺序: L-V-H-Aa:link { } a:visited { } a:hover { } a:active { }IE6 下这两个层中间怎么有间隙这个 IE 的 3PX BUG 也是常常出现的，解决的办法是给.right 也同样浮动 float:left 或者相对 IE6 定义.left margin-right:-3px;IE6 文字溢出 BUG说明：注释造成文字溢出是 IE 的 BUG。解决方法：不放置注释。最简单、最快捷的解决方法，嘿嘿……使用 IE 注释格式，如：Put your commentary in here…一个空格引发 CSS 失效这段代码对

的首字符样式定义在 IE6 上看是没有效果的（IE7 没测试），而在 p:first-letter 和{font- size:300%}加上空格，也就是 p:first-letter {font-size:300%}后，显示就正常了。但是同样的代码，在 FireFox 下看是正常的。按道理说，p:first- letter{font-size:300%}的写法是没错的。那么问题出在哪里呢？答案是伪类中的连字符”-”。IE 有个 BUG，在处理伪类时，假如伪 类的名称中带有连字符”-”，伪类名称后面就得跟一个空格，不然样式的定义就无效。而在 FF 中，加不加空格都可以正常处理。IE6 中奇数宽高的 BUGIE6 还有奇数宽高的 bug，解决方案就是将外部相对定位的 div 宽度改成...