2013年ie6,ie7,ie8 css bug兼容解决方法集合
前端开发
IE浏览器以不支持大量的css
这里收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie67 8bug和解决办法！
普通IE css bug
bug名称
影响版本
描述
Image Label Focus Bug
IE8,IE7,IE6
元素在
按钮Margin-Auto非居中
IE8
Button或类似元素并不居中当{ display: block; margin-left: auto; margin-right:auto;}作用与它 时候且“宽”是不明确的
不正确的浮动收缩-包裹bug
IE7,IE6
一个浮动元素（设置了clear属性）在另一个浮动元素之后时不能正确的收缩-包裹
overflow滚动条的不一致
IE7,IE6
非常规的在<<span class="wp_keywordlink_affiliate" style="margin:0px; padding: 0px; border: 0px; background-color:transparent;">html>元素上设置overflow属性可能会出现关于
元素的overflow bug浮动挤压怪异差距bug
IE7,IE6
倒数第一个和倒数第二个浮动元素的间距似乎垂直堆叠了
浮动复制最后一个字符bug
IE7,IE6
浮动元素的最后一个字符被复制
空元素高度bug
IE7,IE6
有”layout”属性的空元素获得高度
表单控件的双边距bug
IE7,IE6
和
IE7 1像素点边框表现为虚线边框
IE7
当至少有1边的变宽宽度大于1像素时，1像素的点边框表现为虚线边框
Relative Overflow失效的bug
IE7,IE6
含有overflow（hidden或auto）属性的元素的后辈如果含有position:relative属性，则其表现得就像是设置为visible属性一样
IE7 :hover“阻断”于absolute的bug
IE7
当绝对定位的子元素隐藏不可见的时候，使用:hover改变其left/top值貌似是不管用的。如果其可见，left/top也不会因:hover而改变
Button按钮 :active时背景改变bug
IE8
当:active状态应用与
忽略:focus的bug
IE8
当一个包含:focus的选择器在另外一个简单的选择器之后，:focus是被忽略的。
看不见的hover边框bug
IE8
当设置了outline，在:hover状态下，下边框要么没有完全显示，要么短了1像素（或是取消了outline）
Padding/margin百分比bug
IE8
与百分比垂直padding特定组合，垂直margin间距似乎会出岔子，在父级的父级设置了padding或border的亦会如此
图片浮动项目符号混乱bug
IE8
在项目列表中含有浮动属性的图片的时候，项目标记（或编号）位置不正确或是压根没有渲染出来
TH标签text-align不继承的bug
IE8
祖辈的text-align值不会被TH元素继承下来
样式文件32的数目限制bug
IE8,IE7,IE6
第32个及其以后的样式文件中的样式一概忽略(i.e.
