IE6的经典BUG解决方法及前端经典纠结问题的解决方法

margin双倍BUG:

例:margin-left:10px; 在IE6上会显示为20px

解决办法:

margin-left:10px;_margin-left:5px;

min-height在IE6不支持的BUG

解决办法:

height:auto !important;min-height:400px;_height:400px;overflow:visible;

按钮submit、reset和button在IE下两边被拉伸,padding无效的BUG。

BUG产生原因:IE中padding值仅在设置了overflow:visible属性后才有效

解决办法:

/* ie6不支持type指定,所以要手动添加class="ie6button",你懂的 */
input[type=button],
input[type=submit],
input[type=reset],
input.ie6button{
    width: auto;
    _width: 0;
    overflow:visible;
}

IE6/7下按钮submit、reset和button会出现黑边,就算是你在样式中重置了一个border属性也是如此。

解决办法:

/* ie6不支持type指定,所以要手动添加class="ie6button",你懂的 */
input[type=submit],
input[type=reset],
input[type=button],
input.ie6button{
    filter:chroma(color=#000000);
}
若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏